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

Fixed viewport storage

Browse source
This commit is contained in:
Lucas Oliveira 2023-02-23 11:25:00 -03:00
commit 67e6bcddf7
1 changed files with 4 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -56,12 +56,10 @@ export default function FlowPage({flow}) {
console.log(flow); console.log(flow);
setNodes(flow?.data?.nodes ?? []) setNodes(flow?.data?.nodes ?? [])
setEdges(flow?.data?.edges ?? []) setEdges(flow?.data?.edges ?? [])
},[flow]) if(reactFlowInstance){
reactFlowInstance.setViewport(flow?.data?.viewport ?? {x: 1, y: 0, zoom: 1});
useEffect(() => { }
console.log(nodes); },[flow, reactFlowInstance, setEdges, setNodes])
console.log(edges);
}, [edges, nodes])
useEffect(() => { useEffect(() => {
setExtraComponent(<ExtraSidebar />); setExtraComponent(<ExtraSidebar />);
@ -153,7 +151,6 @@ export default function FlowPage({flow}) {
<div className="w-full h-full" ref={reactFlowWrapper}> <div className="w-full h-full" ref={reactFlowWrapper}>
<ReactFlow <ReactFlow
nodes={nodes} nodes={nodes}
defaultViewport={flow?.data?.viewport ?? {x: 1, y: 0, zoom: 1}}
onMove={()=>updateFlow({...flow,data:reactFlowInstance.toObject()})} onMove={()=>updateFlow({...flow,data:reactFlowInstance.toObject()})}
edges={edges} edges={edges}
onNodesChange={onNodesChange} onNodesChange={onNodesChange}