Merge pull request #124 from FlowTestAI/bug-fixes

fix: zustand store should correctly reflect updates in graph

Author: jsajal

src/components/molecules/flow/index.js

@@ -243,7 +243,7 @@ const Flow = ({ tab, collectionId }) => {
       >
         <Background variant='dots' gap={12} size={1} />
         <Controls
-          className='flex border-cyan-900 shadow-none'
+          className='flex shadow-none border-cyan-900'
           onFitView={() => setViewport(reactFlowInstance.getViewport())}
         ></Controls>
         <Button

src/components/molecules/flow/nodes/NestedFlowNode.js

@@ -63,7 +63,7 @@ const NestedFlowNode = ({ id, data }) => {
               }}
               name='flow'
               value={data.relativePath ? data.relativePath : ''}
-              className='h-12 max-w-48 cursor-default rounded border border-cyan-950 bg-background-light p-2 outline-none'
+              className='h-12 p-2 border rounded outline-none cursor-default max-w-48 border-cyan-950 bg-background-light'
             >
               <option key='None' value=''>
                 Select a flow

src/stores/CanvasStore.js

@@ -347,6 +347,7 @@ const useCanvasStore = create((set, get) => ({
         return node;
       }),
     });
+    useTabStore.getState().updateFlowTestNodes(get().nodes);
   },
   unSetOutputNode: (nodeId) => {
     set({
@@ -362,6 +363,7 @@ const useCanvasStore = create((set, get) => ({
         return node;
       }),
     });
+    useTabStore.getState().updateFlowTestNodes(get().nodes);
   },
   setFlowForComplexNode: (nodeId, relativePath) => {
     set({
@@ -377,6 +379,7 @@ const useCanvasStore = create((set, get) => ({
         return node;
       }),
     });
+    useTabStore.getState().updateFlowTestNodes(get().nodes);
   },
   setVariableNodeName: (nodeId, name) => {
     set({