Merge pull request #11 from Visual-Regression-Tracker/34-cursor

mouse events are added

Author: pashidlos

src/components/DrawArea.tsx

@@ -85,7 +85,21 @@ const DrawArea: FunctionComponent<IDrawArea> = ({
         }}
       >
         <Layer>
-          <Image image={image} />
+          <Image
+            image={image}
+            onMouseOver={(event) => {
+              document.body.style.cursor = "grab";
+            }}
+            onMouseDown={(event) => {
+              document.body.style.cursor = "grabbing";
+            }}
+            onMouseUp={(event) => {
+              document.body.style.cursor = "grab";
+            }}
+            onMouseLeave={(event) => {
+              document.body.style.cursor = "default";
+            }}
+          />
           {ignoreAreas.map((rect, i) => {
             return (
               <Rectangle

src/components/Rectangle.jsx

@@ -63,6 +63,18 @@ const Rectangle = ({ shapeProps, isSelected, onSelect, onChange }) => {
             height: Math.max(node.height() * scaleY),
           });
         }}
+        onMouseOver={(event) => {
+          document.body.style.cursor = "pointer";
+        }}
+        onMouseDown={(event) => {
+          document.body.style.cursor = "grabbing";
+        }}
+        onMouseUp={(event) => {
+          document.body.style.cursor = "grab";
+        }}
+        onMouseLeave={(event) => {
+          document.body.style.cursor = "default";
+        }}
       />
       {isSelected && (
         <Transformer