Klotske
/
Asteri-Vostok
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added Droppable hook and integrated ref

nodeDev
Klotske 2022-07-14 17:53:44 +00:00
parent a7a9593873
commit 43e0cea91b
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/FlowEditor/Flow.tsx
View File

@ -1,3 +1,4 @@
import { useDroppable } from "@dnd-kit/core";
import { useState } from "react"; import { useState } from "react";
import ReactFlow, { import ReactFlow, {
Background, Background,
@ -14,10 +15,12 @@ const Flow = () => {
setReactFlowInstance(rfi); setReactFlowInstance(rfi);
}; };
const { isOver, setNodeRef } = useDroppable({ id: "flow" });
const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useStore(); const { nodes, edges, onNodesChange, onEdgesChange, onConnect } = useStore();
return ( return (
<div className="flow h-screen w-full"> <div ref={setNodeRef} className="flow h-screen w-full">
<ReactFlow <ReactFlow
nodes={nodes} nodes={nodes}
edges={edges} edges={edges}