From cfdb3f5220b5405651a042c83a4ace88a04749ec Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 29 Nov 2023 17:39:53 -0300
Subject: [PATCH] Fixed not updated flow being sent to store

---
 .../src/components/tagsSelectorComponent/index.tsx  |  1 +
 src/frontend/src/modals/shareModal/index.tsx        | 13 ++++---------
 .../components/extraSidebarComponent/index.tsx      |  2 +-
 3 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/components/tagsSelectorComponent/index.tsx b/src/frontend/src/components/tagsSelectorComponent/index.tsx
index 3c0cbeb09..e05d5c0a4 100644
--- a/src/frontend/src/components/tagsSelectorComponent/index.tsx
+++ b/src/frontend/src/components/tagsSelectorComponent/index.tsx
@@ -85,6 +85,7 @@ export function TagsSelector({
               onClick={() => {
                 updateTags(tag.name);
               }}
+              key={idx}
             >
               <Badge
                 key={idx}
diff --git a/src/frontend/src/modals/shareModal/index.tsx b/src/frontend/src/modals/shareModal/index.tsx
index 37bd9fb19..11dadca1e 100644
--- a/src/frontend/src/modals/shareModal/index.tsx
+++ b/src/frontend/src/modals/shareModal/index.tsx
@@ -40,14 +40,14 @@ export default function ShareModal({
   const [description, setDescription] = useState(component?.description ?? "");
   const [internalOpen, internalSetOpen] = useState(children ? false : true);
 
-  const nameComponent = is_component ? "component" : "flow";
+  const nameComponent = is_component ? "Component" : "Flow";
 
   const [tags, setTags] = useState<{ id: string; name: string }[]>([]);
   const [loadingTags, setLoadingTags] = useState<boolean>(false);
   const [sharePublic, setSharePublic] = useState(true);
   const [selectedTags, setSelectedTags] = useState<string[]>([]);
   const [unavaliableNames, setUnavaliableNames] = useState<string[]>([]);
-  const { saveFlow } = useContext(FlowsContext);
+  const { saveFlow, flows, tabId } = useContext(FlowsContext);
 
   useEffect(() => {
     if (open || internalOpen) {
@@ -78,7 +78,7 @@ export default function ShareModal({
   useEffect(() => {
     setName(component?.name ?? "");
     setDescription(component?.description ?? "");
-  }, [component, open]);
+  }, [component, open, internalOpen]);
 
   const handleShareComponent = () => {
     const flow: FlowType = checked
@@ -99,12 +99,7 @@ export default function ShareModal({
           is_component: is_component,
         });
 
-    saveFlow(
-      {
-        ...flow!,
-      },
-      true
-    );
+    saveFlow(flows.find((flow) => flow.id === tabId)!, true);
 
     saveFlowStore(flow!, getTagsIds(selectedTags, tags), sharePublic).then(
       () => {
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index eb21e6495..1a859f350 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -220,7 +220,7 @@ export default function ExtraSidebar(): JSX.Element {
           </button>
         </ShareModal>
       ),
-    [hasApiKey, validApiKey]
+    [hasApiKey, validApiKey, flow]
   );
 
   const ExportMemo = useMemo(