fix: disable graph node dragging and connectors (#4180)

block · Jan 24, 2025 · 965232d · 965232d
1 parent d484ee9
commit 965232d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/console/src/features/graph/DeclNode.tsx b/frontend/console/src/features/graph/DeclNode.tsx
@@ -44,7 +44,7 @@ export const DeclNode = ({ data }: Props) => {
 
   return (
     <div className={`rounded-md overflow-hidden ${data.selected ? 'ring-2 ring-pink-400 dark:ring-pink-600' : ''}`}>
-      <Handle id={`${data.id}-target`} type='target' position={Position.Left} style={{ border: 0, backgroundColor: handleColor }} isConnectable={true} />
+      <Handle id={`${data.id}-target`} type='target' position={Position.Left} style={{ border: 0, backgroundColor: handleColor }} isConnectable={false} />
 
       <div className='flex' style={{ backgroundColor: data.style?.backgroundColor }}>
         <div className='flex items-center text-gray-100 px-3 py-2 gap-2 w-full'>
@@ -53,7 +53,7 @@ export const DeclNode = ({ data }: Props) => {
         </div>
       </div>
 
-      <Handle id={`${data.id}-source`} type='source' position={Position.Right} style={{ border: 0, backgroundColor: handleColor }} isConnectable={true} />
+      <Handle id={`${data.id}-source`} type='source' position={Position.Right} style={{ border: 0, backgroundColor: handleColor }} isConnectable={false} />
     </div>
   )
 }
diff --git a/frontend/console/src/features/graph/GraphPane.tsx b/frontend/console/src/features/graph/GraphPane.tsx
@@ -302,6 +302,8 @@ export const GraphPane: React.FC<GraphPaneProps> = ({ onTapped }) => {
         minZoom={0.1}
         maxZoom={2}
         proOptions={{ hideAttribution: true }}
+        nodesDraggable={false}
+        nodesConnectable={false}
       >
         <Background />
         <Controls />