removed bouncing effect

space_flow/src/pages/FlowPage/flowManager/index.tsx

@@ -15,12 +15,6 @@ export function TabsManager() {
 		}
 	}, []);
 
-	useEffect(() => {
-		// Do something when the tabIndex or flow state changes
-		// For example, log a message to the console
-		console.log("Tab index or flow state changed");
-	}, [tabIndex, flows]);
-
 	return (
 		<div className="h-full w-full flex flex-col">
 			<div className="w-full flex pr-2 flex-row text-center items-center">
@@ -34,19 +28,9 @@ export function TabsManager() {
 			</div>
 			<div className="w-full h-full">
 				<ReactFlowProvider>
-					<FlowPage key={flows[tabIndex]?.id} flow={flows[tabIndex]}></FlowPage>
+					<FlowPage flow={flows[tabIndex]}></FlowPage>
 				</ReactFlowProvider>
 			</div>
 		</div>
 	);
 }
-
-/*
-tabs initial logic
-TO DO
-- create a context with the tabs control so tabs can be changed inside the flow
-- create a logic to save tabs and flow state for multitabs and each flow inside each tab
-- think about the save logic and how to implement it the best way
-- define what each tab will need to show and how it will be displayed
-
-*/

space_flow/src/pages/FlowPage/index.tsx

@@ -56,6 +56,11 @@ export default function FlowPage({flow}) {
     }
   },[nodes,edges])
 
+  useEffect(()=>{
+    setNodes(flow?.data?.nodes || [])
+    setEdges(flow?.data?.edges || [])
+  },[flow])
+
   useEffect(() => {
     setExtraComponent(<ExtraSidebar />);
     setExtraNavigation({ title: "Nodes" });