From f9a25f88912f0edfa407b626e266282e72b7f8e8 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 22 Feb 2023 18:49:22 -0300
Subject: [PATCH] saving viewport position

---
 space_flow/src/pages/FlowPage/index.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/space_flow/src/pages/FlowPage/index.tsx b/space_flow/src/pages/FlowPage/index.tsx
index b7329156a..b3bd00539 100644
--- a/space_flow/src/pages/FlowPage/index.tsx
+++ b/space_flow/src/pages/FlowPage/index.tsx
@@ -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}