fix(nodes): draggable when toggle hidden prop closes #2205

2022-06-07 23:11:32 +02:00
parent 85b9408c79
commit 0724936be4
2 changed files with 19 additions and 8 deletions
@@ -32,22 +32,33 @@ const setHidden = (hidden: boolean) => (els: any[]) =>
  });

 const HiddenFlow = () => {
-  const [nodes, setNodes] = useNodesState(initialNodes);
-  const [edges, setEdges] = useEdgesState(initialEdges);
+  const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);

  const [isHidden, setIsHidden] = useState<boolean>(true);

-  const onConnect = useCallback((connection: Connection) => {
-    setEdges((eds) => addEdge(connection, eds));
-  }, []);
+  const onConnect = useCallback(
+    (connection: Connection) => {
+      setEdges((eds) => addEdge(connection, eds));
+    },
+    [setEdges]
+  );

  useEffect(() => {
    setNodes(setHidden(isHidden));
    setEdges(setHidden(isHidden));
-  }, [isHidden]);
+  }, [isHidden, setEdges, setNodes]);
+
+  console.log(nodes);

  return (
-    <ReactFlow nodes={nodes} edges={edges} onConnect={onConnect}>
+    <ReactFlow
+      nodes={nodes}
+      edges={edges}
+      onConnect={onConnect}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+    >
      <MiniMap />
      <Controls />