From 75ae908922333c50c2806fc95944995d01f973a5 Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Fri, 9 Feb 2024 12:21:24 -0300
Subject: [PATCH] add save button

---
 .../components/nodeToolbarComponent/index.tsx | 41 +++++++++++++------
 1 file changed, 29 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 69ade0269..127f1861a 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -203,7 +203,7 @@ export default function NodeToolbarComponent({
     <>
       <div className="w-26 h-10">
         <span className="isolate inline-flex rounded-md shadow-sm">
-          {hasCode && (
+          {hasCode ? (
             <ShadTooltip content="Code" side="top">
               <button
                 className="relative inline-flex items-center rounded-l-md  bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring transition-all duration-500 ease-in-out hover:bg-muted focus:z-10"
@@ -232,13 +232,28 @@ export default function NodeToolbarComponent({
                 <IconComponent name="Code2" className="h-4 w-4" />
               </button>
             </ShadTooltip>
+          ) : (
+            <ShadTooltip content="Save" side="top">
+              <button
+                className={classNames(
+                  "relative -ml-px inline-flex items-center bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring  transition-all duration-500 ease-in-out hover:bg-muted focus:z-10",
+                  hasCode ? "" : "rounded-l-md"
+                )}
+                onClick={() => {
+                  isSaved
+                    ? setShowOverrideModal(true)
+                    : saveComponent(cloneDeep(data), false);
+                }}
+              >
+                <IconComponent name="SaveAll" className=" h-4 w-4" />
+              </button>
+            </ShadTooltip>
           )}
 
           <ShadTooltip content="Duplicate" side="top">
             <button
               className={classNames(
-                "relative -ml-px inline-flex items-center bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring  transition-all duration-500 ease-in-out hover:bg-muted focus:z-10",
-                hasCode ? "" : "rounded-l-md"
+                "relative -ml-px inline-flex items-center bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring  transition-all duration-500 ease-in-out hover:bg-muted focus:z-10"
               )}
               onClick={(event) => {
                 event.preventDefault();
@@ -320,15 +335,17 @@ export default function NodeToolbarComponent({
                   </div>{" "}
                 </SelectItem>
               ) : (
-                <SelectItem value={"SaveAll"}>
-                  <div className="flex" data-testid="save-button-modal">
-                    <IconComponent
-                      name="SaveAll"
-                      className="relative top-0.5 mr-2 h-4 w-4"
-                    />{" "}
-                    Save{" "}
-                  </div>{" "}
-                </SelectItem>
+                hasCode && (
+                  <SelectItem value={"SaveAll"}>
+                    <div className="flex" data-testid="save-button-modal">
+                      <IconComponent
+                        name="SaveAll"
+                        className="relative top-0.5 mr-2 h-4 w-4"
+                      />{" "}
+                      Save{" "}
+                    </div>{" "}
+                  </SelectItem>
+                )
               )}
               {!hasStore && (
                 <SelectItem value={"Download"}>