jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

saving viewport position

Browse source
This commit is contained in:
anovazzi1 2023-02-22 18:49:22 -03:00
commit f9a25f8891
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
space_flow/src/pages/FlowPage/index.tsx
View file

@ -44,11 +44,15 @@ export default function FlowPage({flow}) {
const [nodes, setNodes, onNodesChange] = useNodesState(flow?.data?.nodes || []);
const [edges, setEdges, onEdgesChange] = useEdgesState(flow?.data?.edges || []);
const [reactFlowInstance, setReactFlowInstance] = useState(null);
const { setViewport } = useReactFlow();
const { setViewport} = useReactFlow();
useEffect(()=>{
if(flow?.data && reactFlowInstance){
setViewport(flow.data.viewport)
}
},[nodes,edges,flow,])
if(flow?.data && reactFlowInstance){
setViewport(flow.data.viewport)
}
useEffect(()=>{
if(reactFlowInstance && flow){
flow.data =reactFlowInstance.toObject()
@ -152,6 +156,7 @@ export default function FlowPage({flow}) {
<div className="w-full h-full" ref={reactFlowWrapper}>
<ReactFlow
nodes={nodes}
onMove={()=>updateFlow({...flow,data:reactFlowInstance.toObject()})}
edges={edges}
onNodesChange={onNodesChange}
onEdgesChange={onEdgesChangeMod}