fit view

src/frontend/src/contexts/tabsContext.tsx

@@ -21,6 +21,7 @@ import {
   downloadFlowsFromDatabase,
   uploadFlowsToDatabase,
 } from "../controllers/API";
+import _ from "lodash";
 
 const uid = new ShortUniqueId({ length: 5 });
 

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -127,6 +127,7 @@ export default function Page({ flow }: { flow: FlowType }) {
     setEdges(flow?.data?.edges ?? []);
     if (reactFlowInstance) {
       setViewport(flow?.data?.viewport ?? { x: 1, y: 0, zoom: 0.5 });
+      reactFlowInstance.fitView();
     }
   }, [flow, reactFlowInstance, setEdges, setNodes, setViewport]);
   //set extra sidebar