updated names

coinbase · Dec 17, 2024 · 91761c4 · 91761c4
1 parent a95a8b7
commit 91761c4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/internal/components/Draggable.test.tsx b/src/internal/components/Draggable.test.tsx
@@ -59,7 +59,7 @@ describe('Draggable', () => {
       <Draggable
         gridSize={10}
         startingPosition={{ x: 0, y: 0 }}
-        enableSnapToGrid={true}
+        snapToGrid={true}
       >
         <div>Drag me</div>
       </Draggable>,
@@ -80,7 +80,7 @@ describe('Draggable', () => {
       <Draggable
         gridSize={10}
         startingPosition={{ x: 0, y: 0 }}
-        enableSnapToGrid={false}
+        snapToGrid={false}
       >
         <div>Drag me</div>
       </Draggable>,

diff --git a/src/internal/components/Draggable.tsx b/src/internal/components/Draggable.tsx
@@ -6,20 +6,20 @@ type DraggableProps = {
   children: React.ReactNode;
   gridSize?: number;
   startingPosition?: { x: number; y: number };
-  enableSnapToGrid?: boolean;
+  snapToGrid?: boolean;
 };
 
 export default function Draggable({
   children,
   gridSize = 1,
   startingPosition = { x: 20, y: 20 },
-  enableSnapToGrid = false,
+  snapToGrid = false,
 }: DraggableProps) {
   const [position, setPosition] = useState(startingPosition);
   const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
   const [isDragging, setIsDragging] = useState(false);
 
-  const snapToGrid = useCallback(
+  const calculateSnapToGrid = useCallback(
     (positionValue: number) => {
       return Math.round(positionValue / gridSize) * gridSize;
     },
@@ -49,8 +49,8 @@ export default function Draggable({
 
     const handleGlobalEnd = () => {
       setPosition((prev) => ({
-        x: enableSnapToGrid ? snapToGrid(prev.x) : prev.x,
-        y: enableSnapToGrid ? snapToGrid(prev.y) : prev.y,
+        x: snapToGrid ? calculateSnapToGrid(prev.x) : prev.x,
+        y: snapToGrid ? calculateSnapToGrid(prev.y) : prev.y,
       }));
       setIsDragging(false);
     };
@@ -62,7 +62,7 @@ export default function Draggable({
       document.removeEventListener('pointermove', handleGlobalMove);
       document.removeEventListener('pointerup', handleGlobalEnd);
     };
-  }, [isDragging, dragOffset, snapToGrid, enableSnapToGrid]);
+  }, [isDragging, dragOffset, snapToGrid, calculateSnapToGrid]);
 
   return (
     <div