From 0a3648c23e6c80fd03522da55ae9984540174125 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 27 Jun 2023 15:29:20 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20refactor(GenericNode):=20remove?=
 =?UTF-8?q?=20unused=20imports=20and=20simplify=20documentation=20tooltip?=
 =?UTF-8?q?=20The=20required=20indicator=20is=20now=20next=20to=20the=20ti?=
 =?UTF-8?q?tle,=20which=20improves=20readability=20and=20makes=20it=20easi?=
 =?UTF-8?q?er=20to=20see=20which=20parameters=20are=20required.=20The=20do?=
 =?UTF-8?q?cumentation=20tooltip=20has=20been=20simplified=20to=20only=20s?=
 =?UTF-8?q?how=20the=20documentation=20link,=20which=20improves=20the=20us?=
 =?UTF-8?q?er=20experience=20by=20reducing=20clutter.=20Unused=20imports?=
 =?UTF-8?q?=20have=20been=20removed=20to=20improve=20code=20quality.=20?=
 =?UTF-8?q?=F0=9F=94=A8=20refactor(parameterComponent):=20move=20required?=
 =?UTF-8?q?=20indicator=20next=20to=20title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/parameterComponent/index.tsx   |  8 +---
 .../src/CustomNodes/GenericNode/index.tsx     | 45 +------------------
 2 files changed, 3 insertions(+), 50 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 0701bfcd4..ccc18a5fa 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -149,18 +149,14 @@ export default function ParameterComponent({
           }
         >
           {title}
+          <span className="text-red-600">{required ? " *" : ""}</span>
           <div className="">
             {info !== "" && (
-              <ShadTooltip
-                open={true}
-                delayDuration={500}
-                content={infoHtml.current}
-              >
+              <ShadTooltip content={infoHtml.current}>
                 <Info className="ml-2 relative bottom-0.5 w-3 h-3" />
               </ShadTooltip>
             )}
           </div>
-          <span className="text-red-600">{required ? " *" : ""}</span>
         </div>
         {left &&
         (type === "str" ||
diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 40a306ce6..aaa8030b5 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -14,7 +14,6 @@ import NodeModal from "../../modals/NodeModal";
 import Tooltip from "../../components/TooltipComponent";
 import { NodeToolbar } from "reactflow";
 import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
-import { FileText, Info } from "lucide-react";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { useSSE } from "../../contexts/SSEContext";
 
@@ -70,22 +69,6 @@ export default function GenericNode({
 
   useEffect(() => {}, [closePopUp, data.node.template]);
 
-  useEffect(() => {
-    refHtml.current = (
-      <div className="flex">
-        <span>{`${data.node.display_name} Documentation`}</span>
-        <span
-          className="self-center"
-          style={{
-            color: nodeColors[types[data.type]] ?? nodeColors.unknown,
-          }}
-        >
-          <FileText className="h-4 w-4 ml-2" />
-        </span>
-      </div>
-    );
-  }, []);
-
   return (
     <>
       <NodeToolbar>
@@ -111,37 +94,11 @@ export default function GenericNode({
               }}
             />
             <div className="ml-2 truncate flex">
-              <ShadTooltip
-                delayDuration={1500}
-                content={data.node.display_name}
-              >
+              <ShadTooltip content={data.node.display_name}>
                 <div className="ml-2 truncate text-gray-800">
                   {data.node.display_name}
                 </div>
               </ShadTooltip>
-              <div className="">
-                {data.node.documentation !== "" && (
-                  <ShadTooltip
-                    open={true}
-                    delayDuration={1000}
-                    content={refHtml.current}
-                  >
-                    <a
-                      href={data.node.documentation}
-                      target="_blank"
-                      rel="noopener noreferrer"
-                    >
-                      <Info
-                        style={{
-                          color:
-                            nodeColors[types[data.type]] ?? nodeColors.unknown,
-                        }}
-                        className="ml-2 self-center w-4 h-4"
-                      />
-                    </a>
-                  </ShadTooltip>
-                )}
-              </div>
             </div>
           </div>
           <div className="flex gap-3">