From 67e6bcddf7d936ad997d93dd8c878adc108449b2 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 23 Feb 2023 11:25:00 -0300
Subject: [PATCH] Fixed viewport storage

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

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