fix: show move cursor when hovering elements bounds

jmjuanes · Mar 19, 2023 · 21546a1 · 21546a1
1 parent c0f0898
commit 21546a1
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/folio-core/components/Bounds.jsx b/folio-core/components/Bounds.jsx
@@ -1,4 +1,5 @@
 import React from "react";
+import {CURSORS} from "../constants.js";
 
 export const Bounds = props => {
     const offset = props.offset / props.zoom;
@@ -11,6 +12,7 @@ export const Bounds = props => {
             fill={props.fillColor}
             stroke={props.strokeColor}
             strokeWidth={props.strokeWidth / props.zoom}
+            style={props.style}
             onPointerDown={props.onPointerDown}
         />
     );
@@ -23,6 +25,9 @@ Bounds.defaultProps = {
     // fillOpacity: "0.2",
     strokeColor: "#0d6efd",
     strokeWidth: 2,
+    style: {
+        cursor: CURSORS.MOVE,
+    },
     zoom: 1,
     onPointerDown: null,
 };