From de1e6bdc495e362faf8076c78530ec9e7786b36c Mon Sep 17 00:00:00 2001
From: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Date: Thu, 28 Mar 2024 15:30:50 +0200
Subject: [PATCH] Fixed name of node at Tweaks

---
 src/frontend/src/components/IOview/index.tsx        | 13 ++++++++++---
 .../src/components/codeTabsComponent/index.tsx      | 11 ++++++++++-
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/components/IOview/index.tsx b/src/frontend/src/components/IOview/index.tsx
index 69bed236e..d455b3c74 100644
--- a/src/frontend/src/components/IOview/index.tsx
+++ b/src/frontend/src/components/IOview/index.tsx
@@ -182,9 +182,16 @@ export default function IOView({
                             <AccordionComponent
                               trigger={
                                 <div className="file-component-badge-div">
-                                  <Badge variant="gray" size="md">
-                                    {node.data.node.display_name}
-                                  </Badge>
+                                  <ShadTooltip
+                                    content={input.id}
+                                    styleClasses="z-50"
+                                  >
+                                    <div>
+                                      <Badge variant="gray" size="md">
+                                        {node.data.node.display_name}
+                                      </Badge>
+                                    </div>
+                                  </ShadTooltip>
                                   <div
                                     className="-mb-1 pr-4"
                                     onClick={(event) => {
diff --git a/src/frontend/src/components/codeTabsComponent/index.tsx b/src/frontend/src/components/codeTabsComponent/index.tsx
index 53e3b9e82..eed6e9369 100644
--- a/src/frontend/src/components/codeTabsComponent/index.tsx
+++ b/src/frontend/src/components/codeTabsComponent/index.tsx
@@ -36,6 +36,7 @@ import {
   hasDuplicateKeys,
 } from "../../utils/reactflowUtils";
 import { classNames } from "../../utils/utils";
+import ShadTooltip from "../ShadTooltipComponent";
 import DictComponent from "../dictComponent";
 import IconComponent from "../genericIconComponent";
 import InputGlobalComponent from "../inputGlobalComponent";
@@ -216,7 +217,15 @@ export default function CodeTabsComponent({
                         node["data"]["id"]
                       ) && (
                         <AccordionComponent
-                          trigger={node["data"]["id"]}
+                          trigger={
+                            <ShadTooltip
+                              side="top"
+                              styleClasses="z-50"
+                              content={node["data"]["id"]}
+                            >
+                              <div>{node["data"]["node"]["display_name"]}</div>
+                            </ShadTooltip>
+                          }
                           open={openAccordion}
                           keyValue={node["data"]["id"]}
                         >