From f52feac7e5bad32f396e189655d520e8edc8337f Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Sat, 24 Jun 2023 16:32:32 -0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20style(GenericNode/index.tsx):=20?=
 =?UTF-8?q?remove=20unused=20imports=20and=20add=20documentation=20link=20?=
 =?UTF-8?q?to=20node=20toolbar=20=F0=9F=9A=80=20feat(api/index.ts):=20add?=
 =?UTF-8?q?=20documentation=20field=20to=20APIClassType=20The=20unused=20i?=
 =?UTF-8?q?mports=20were=20removed=20to=20improve=20code=20readability.=20?=
 =?UTF-8?q?A=20documentation=20link=20was=20added=20to=20the=20node=20tool?=
 =?UTF-8?q?bar=20to=20allow=20users=20to=20easily=20access=20the=20documen?=
 =?UTF-8?q?tation=20for=20the=20node.=20The=20documentation=20field=20was?=
 =?UTF-8?q?=20added=20to=20the=20APIClassType=20to=20allow=20for=20the=20s?=
 =?UTF-8?q?torage=20of=20a=20link=20to=20the=20documentation=20for=20the?=
 =?UTF-8?q?=20API=20class.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/CustomNodes/GenericNode/index.tsx     | 25 ++++++++++---------
 src/frontend/src/types/api/index.ts           |  1 +
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index 1668b1d4e..c2c58decf 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -6,16 +6,7 @@ import {
 } from "../../utils";
 import ParameterComponent from "./components/parameterComponent";
 import { typesContext } from "../../contexts/typesContext";
-import {
-  useContext,
-  useState,
-  useEffect,
-  useRef,
-  ForwardRefExoticComponent,
-  ComponentType,
-  SVGProps,
-  ReactNode,
-} from "react";
+import { useContext, useState, useEffect, useRef } from "react";
 import { NodeDataType } from "../../types/flow";
 import { alertContext } from "../../contexts/alertContext";
 import { PopUpContext } from "../../contexts/popUpContext";
@@ -23,10 +14,9 @@ import NodeModal from "../../modals/NodeModal";
 import Tooltip from "../../components/TooltipComponent";
 import { NodeToolbar } from "reactflow";
 import NodeToolbarComponent from "../../pages/FlowPage/components/nodeToolbarComponent";
-
+import { Info } from "lucide-react";
 import ShadTooltip from "../../components/ShadTooltipComponent";
 import { useSSE } from "../../contexts/SSEContext";
-import { ReactElement } from "react-markdown/lib/react-markdown";
 
 export default function GenericNode({
   data,
@@ -124,6 +114,17 @@ export default function GenericNode({
             ></button>
           </div>
           <div className="flex gap-3">
+            <div className=" px-5 pb-3 mr-5">
+              <Tooltip title={`Open ${data.node.display_name} documentation`}>
+                <a
+                  href={data.node.documentation}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <Info />
+                </a>
+              </Tooltip>
+            </div>
             <div>
               <Tooltip
                 title={
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 928a088dd..feac95447 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -12,6 +12,7 @@ export type APIClassType = {
   description: string;
   template: APITemplateType;
   display_name: string;
+  documentation: string;
   [key: string]: Array<string> | string | APITemplateType;
 };
 export type TemplateVariableType = {