From 97950aab6e1889ef5ba440f37f6c985813da88e6 Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Wed, 24 Jan 2024 19:21:23 +0100
Subject: [PATCH] fixed pinned appearing without it being pinned, and added
 tooltip

---
 .../src/CustomNodes/GenericNode/index.tsx     | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index d82378f11..4f065e8a4 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -107,7 +107,7 @@ export default function GenericNode({
   }, [flowPool, data.id]);
 
   const showNode = data.showNode ?? true;
-  const pinned = data.node?.pinned ?? true;
+  const pinned = data.node?.pinned ?? false;
 
   const nameEditable = data.node?.flow || data.type === "CustomComponent";
 
@@ -335,15 +335,17 @@ export default function GenericNode({
                   }));
                 }}
               >
-                <div className="generic-node-status-position flex items-center">
-                  <IconComponent
-                    name={"Pin"}
-                    className={cn(
-                      "h-5 fill-transparent stroke-chat-trigger stroke-2 transition-all",
-                      pinned ?? false ? "animate-wiggle fill-chat-trigger" : ""
-                    )}
-                  />
-                </div>
+                <Tooltip title={<span>{pinned ? "Pinned" : "Unpinned"}</span>}>
+                  <div className="generic-node-status-position flex items-center">
+                    <IconComponent
+                      name={"Pin"}
+                      className={cn(
+                        "h-5 fill-transparent stroke-chat-trigger stroke-2 transition-all",
+                        pinned ? "animate-wiggle fill-chat-trigger" : ""
+                      )}
+                    />
+                  </div>
+                </Tooltip>
               </div>
             )}
             {showNode && (