From 07a9171e531ba252fc42e7aba2642d94f3f81ccc Mon Sep 17 00:00:00 2001
From: tddough98 <40068392+tddough98@users.noreply.github.com>
Date: Thu, 13 Jan 2022 16:08:15 -0800
Subject: [PATCH] Fix canvas states for changing cursor

---
 visualizer/src/Canvas/Canvas.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/visualizer/src/Canvas/Canvas.js b/visualizer/src/Canvas/Canvas.js
index d0eb847f2..1597555a2 100644
--- 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();