From 9f6a6251c3fe3489e0a8cb23db23791397bf316e Mon Sep 17 00:00:00 2001
From: cristhianzl <cristhian.lousa@gmail.com>
Date: Mon, 26 Feb 2024 14:12:59 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix(menuBar):=20replace=20Toolti?=
 =?UTF-8?q?p=20component=20with=20ShadTooltip=20component=20for=20better?=
 =?UTF-8?q?=20styling=20and=20consistency=20=F0=9F=94=A7=20fix(genericModa?=
 =?UTF-8?q?l):=20change=20IconComponent=20name=20based=20on=20myModalTitle?=
 =?UTF-8?q?=20value=20to=20improve=20visual=20representation=20?=
 =?UTF-8?q?=F0=9F=94=A7=20fix(nodeToolbarComponent):=20replace=20IconCompo?=
 =?UTF-8?q?nent=20name=20"Code2"=20with=20"TerminalSquare"=20for=20better?=
 =?UTF-8?q?=20icon=20representation?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/frontend/package-lock.json                       |  2 +-
 .../headerComponent/components/menuBar/index.tsx     | 12 +++++++-----
 src/frontend/src/modals/genericModal/index.tsx       |  2 +-
 .../components/nodeToolbarComponent/index.tsx        |  2 +-
 4 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/frontend/package-lock.json b/src/frontend/package-lock.json
index bb825a587..f18616611 100644
--- a/src/frontend/package-lock.json
+++ b/src/frontend/package-lock.json
@@ -12085,4 +12085,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
index 5d60f9fac..db6fa5b2c 100644
--- a/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
+++ b/src/frontend/src/components/headerComponent/components/menuBar/index.tsx
@@ -14,7 +14,7 @@ import useAlertStore from "../../../../stores/alertStore";
 import useFlowStore from "../../../../stores/flowStore";
 import useFlowsManagerStore from "../../../../stores/flowsManagerStore";
 import { cn } from "../../../../utils/utils";
-import Tooltip from "../../../TooltipComponent";
+import ShadTooltip from "../../../ShadTooltipComponent";
 import IconComponent from "../../../genericIconComponent";
 import { Button } from "../../../ui/button";
 
@@ -125,8 +125,8 @@ export const MenuBar = ({
           setOpen={setOpenSettings}
         ></FlowSettingsModal>
       </div>
-      <Tooltip
-        title={
+      <ShadTooltip
+        content={
           "Last saved at " +
           new Date(currentFlow.updated_at ?? "").toLocaleString("en-US", {
             hour: "numeric",
@@ -134,8 +134,10 @@ export const MenuBar = ({
             second: "numeric",
           })
         }
+        side="bottom"
+        styleClasses="cursor-default"
       >
-        <div className="flex items-center gap-1.5 text-sm text-muted-foreground">
+        <div className="flex cursor-default items-center gap-1.5 text-sm text-muted-foreground">
           <IconComponent
             name={isBuilding || saveLoading ? "Loader2" : "CheckCircle2"}
             className={cn(
@@ -145,7 +147,7 @@ export const MenuBar = ({
           />
           {printByBuildStatus()}
         </div>
-      </Tooltip>
+      </ShadTooltip>
     </div>
   ) : (
     <></>
diff --git a/src/frontend/src/modals/genericModal/index.tsx b/src/frontend/src/modals/genericModal/index.tsx
index 2f7a07905..dac86baa4 100644
--- a/src/frontend/src/modals/genericModal/index.tsx
+++ b/src/frontend/src/modals/genericModal/index.tsx
@@ -182,7 +182,7 @@ export default function GenericModal({
           {myModalTitle}
         </span>
         <IconComponent
-          name="FileText"
+          name={myModalTitle === "Edit Prompt" ? "TerminalSquare" : "FileText"}
           className="h-6 w-6 pl-1 text-primary "
           aria-hidden="true"
         />
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index cac19cc16..97c3e5ec2 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -226,7 +226,7 @@ export default function NodeToolbarComponent({
                     id={"code-input-node-toolbar-" + name}
                   />
                 </div>
-                <IconComponent name="Code2" className="h-4 w-4" />
+                <IconComponent name="TerminalSquare" className="h-4 w-4" />
               </button>
             </ShadTooltip>
           ) : (