From 47ba7bbc6a19ca43f9a477f06489505b37ffe5b1 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Fri, 8 Dec 2023 23:23:41 -0300
Subject: [PATCH] Change onMove to set tabs state

---
 .../components/PageComponent/index.tsx         | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index c0a821801..3087c9ff2 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -450,6 +450,20 @@ export default function Page({
     setFilterEdge([]);
   }, []);
 
+  const onMove = useCallback(() => {
+    saveCurrentFlowTimeout();
+    //@ts-ignore
+    setTabsState((prev: FlowsState) => {
+      return {
+        ...prev,
+        [tabId]: {
+          ...prev[tabId],
+          isPending: true,
+        },
+      };
+    });
+  }, [setTabsState, saveCurrentFlowTimeout]);
+
   return (
     <div className="flex h-full overflow-hidden">
       {!view && <ExtraSidebar />}
@@ -471,9 +485,7 @@ export default function Page({
                 </div>
                 <ReactFlow
                   nodes={nodes}
-                  onMove={() => {
-                    saveCurrentFlowTimeout();
-                  }}
+                  onMove={onMove}
                   edges={edges}
                   onNodesChange={onNodesChangeMod}
                   onEdgesChange={onEdgesChangeMod}