From 7d415e62df66ddeea0d86833cc02486a9166ec88 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sun, 25 Jun 2023 21:32:48 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(GenericNode):=20refactor?=
 =?UTF-8?q?=20tooltip=20to=20improve=20accessibility=20and=20user=20experi?=
 =?UTF-8?q?ence=20The=20tooltip=20now=20includes=20a=20link=20to=20the=20d?=
 =?UTF-8?q?ocumentation=20of=20the=20node,=20which=20makes=20it=20more=20a?=
 =?UTF-8?q?ccessible=20and=20user-friendly.=20The=20link=20is=20now=20wrap?=
 =?UTF-8?q?ped=20in=20the=20tooltip=20title,=20which=20improves=20the=20se?=
 =?UTF-8?q?mantics=20of=20the=20code.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 0bab24969..a84a88093 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -116,14 +116,18 @@ export default function GenericNode({
           <div className="flex gap-3">
             <div className=" px-5 pb-3 mr-5">
               {data.node.documentation !== "" && (
-                <Tooltip title={`Open ${data.node.display_name} documentation`}>
-                  <a
-                    href={data.node.documentation}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                  >
-                    <Info />
-                  </a>
+                <Tooltip
+                  title={
+                    <a
+                      href={data.node.documentation}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                      {`Open ${data.node.display_name} documentation`}
+                    </a>
+                  }
+                >
+                  <Info />
                 </Tooltip>
               )}
             </div>