Fix canvas states for changing cursor (#298)

vanvalenlab · Jan 14, 2022 · 6ce0614 · 6ce0614
1 parent c35ba7b
commit 6ce0614
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/visualizer/src/Canvas/Canvas.js b/visualizer/src/Canvas/Canvas.js
@@ -31,11 +31,9 @@ export const Canvas = () => {
   const sh = useSelector(canvas, (state) => state.context.height);
   const scale = useSelector(canvas, (state) => state.context.scale);
 
-  const grab = useSelector(canvas, (state) => state.matches('pan.grab'));
-  const grabbing = useSelector(canvas, (state) => state.matches('pan.grab.panning'));
-  const dragged = useSelector(canvas, (state) =>
-    state.matches('pan.interactive.panOnDrag.dragged')
-  );
+  const grab = useSelector(canvas, (state) => state.matches('grab'));
+  const grabbing = useSelector(canvas, (state) => state.matches('grab.panning'));
+  const dragged = useSelector(canvas, (state) => state.matches('interactive.panOnDrag.dragged'));
   const cursor = grabbing || dragged ? 'grabbing' : grab ? 'grab' : 'crosshair';
 
   const segment = useSegment();