Merge pull request #236 from liam-hq/enable_figma_like_view

feat: Enable panning on scroll
liam-hq · Dec 13, 2024 · 306fe20 · 306fe20
2 parents 374d1d0 + a677651
commit 306fe20
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/ERDContent.tsx b/frontend/packages/erd-core/src/components/ERDRenderer/ERDContent/ERDContent.tsx
@@ -181,6 +181,8 @@ export const ERDContent: FC<Props> = ({
     [setEdges],
   )
 
+  const panOnDrag = [1, 2]
+
   return (
     <div className={styles.wrapper}>
       <ReactFlow
@@ -196,6 +198,9 @@ export const ERDContent: FC<Props> = ({
         onNodeMouseLeave={handleMouseLeaveNode}
         onEdgeMouseEnter={handleMouseEnterEdge}
         onEdgeMouseLeave={handleMouseLeaveEdge}
+        panOnScroll
+        panOnDrag={panOnDrag}
+        selectionOnDrag
       >
         <Background
           color="var(--color-gray-600)"