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

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

@ -46,9 +46,13 @@ export default function FlowPage({flow}) {
const [reactFlowInstance, setReactFlowInstance] = useState(null); const [reactFlowInstance, setReactFlowInstance] = useState(null);
const { setViewport} = useReactFlow(); const { setViewport} = useReactFlow();
useEffect(()=>{
if(flow?.data && reactFlowInstance){ if(flow?.data && reactFlowInstance){
setViewport(flow.data.viewport) setViewport(flow.data.viewport)
} }
},[nodes,edges,flow,])
useEffect(()=>{ useEffect(()=>{
if(reactFlowInstance && flow){ if(reactFlowInstance && flow){
flow.data =reactFlowInstance.toObject() flow.data =reactFlowInstance.toObject()
@ -152,6 +156,7 @@ 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}
onMove={()=>updateFlow({...flow,data:reactFlowInstance.toObject()})}
edges={edges} edges={edges}
onNodesChange={onNodesChange} onNodesChange={onNodesChange}
onEdgesChange={onEdgesChangeMod} onEdgesChange={onEdgesChangeMod}