From 7610fa265797e584c1968be709561056c6327b78 Mon Sep 17 00:00:00 2001
From: Gabriel Luiz Freitas Almeida <gabriel@logspace.ai>
Date: Tue, 2 Apr 2024 19:49:06 -0300
Subject: [PATCH] Remove unused imports and fix formatting issues

---
 .../components/codeTabsComponent/index.tsx    |  2 +-
 .../icons/GoogleGenerativeAI/GoogleGemini.jsx | 30 +++++++++++++++----
 .../src/modals/EditNodeModal/index.tsx        |  2 --
 .../IOModal/components/IOFieldView/index.tsx  | 16 +++++++---
 .../components/chatView/chatMessage/index.tsx | 12 ++++----
 .../IOModal/components/chatView/index.tsx     |  1 -
 .../components/PageComponent/index.tsx        |  4 +--
 .../extraSidebarComponent/index.tsx           |  2 +-
 .../components/nodeToolbarComponent/index.tsx | 10 +++----
 9 files changed, 52 insertions(+), 27 deletions(-)

diff --git a/src/frontend/src/components/codeTabsComponent/index.tsx b/src/frontend/src/components/codeTabsComponent/index.tsx
index be86022b1..4b107f301 100644
--- a/src/frontend/src/components/codeTabsComponent/index.tsx
+++ b/src/frontend/src/components/codeTabsComponent/index.tsx
@@ -205,7 +205,7 @@ export default function CodeTabsComponent({
               <div className="api-modal-according-display">
                 <div
                   className={classNames(
-                    "h-[70vh] w-full rounded-lg bg-muted overflow-y-auto overflow-x-hidden custom-scroll"
+                    "h-[70vh] w-full overflow-y-auto overflow-x-hidden rounded-lg bg-muted custom-scroll"
                   )}
                 >
                   {data?.map((node: any, i) => (
diff --git a/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx b/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx
index dcd531ebb..e88c9cf00 100644
--- a/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx
+++ b/src/frontend/src/icons/GoogleGenerativeAI/GoogleGemini.jsx
@@ -1,10 +1,28 @@
-const SvgGoogleGenerativeAI = (props) => (<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" {...props}>
-  <path d="M16 8.016A8.522 8.522 0 008.016 16h-.032A8.521 8.521 0 000 8.016v-.032A8.521 8.521 0 007.984 0h.032A8.522 8.522 0 0016 7.984v.032z" fill="url(#prefix__paint0_radial_980_20147)"/>
-  <defs>
-    <radialGradient id="prefix__paint0_radial_980_20147" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(16.1326 5.4553 -43.70045 129.2322 1.588 6.503)">
-      <stop offset=".067" stop-color="#9168C0"/><stop offset=".343" stop-color="#5684D1"/><stop offset=".672" stop-color="#1BA1E3"/>
+const SvgGoogleGenerativeAI = (props) => (
+  <svg
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 16 16"
+    {...props}
+  >
+    <path
+      d="M16 8.016A8.522 8.522 0 008.016 16h-.032A8.521 8.521 0 000 8.016v-.032A8.521 8.521 0 007.984 0h.032A8.522 8.522 0 0016 7.984v.032z"
+      fill="url(#prefix__paint0_radial_980_20147)"
+    />
+    <defs>
+      <radialGradient
+        id="prefix__paint0_radial_980_20147"
+        cx="0"
+        cy="0"
+        r="1"
+        gradientUnits="userSpaceOnUse"
+        gradientTransform="matrix(16.1326 5.4553 -43.70045 129.2322 1.588 6.503)"
+      >
+        <stop offset=".067" stop-color="#9168C0" />
+        <stop offset=".343" stop-color="#5684D1" />
+        <stop offset=".672" stop-color="#1BA1E3" />
       </radialGradient>
-      </defs>
+    </defs>
   </svg>
 );
 export default SvgGoogleGenerativeAI;
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 953f96ea5..44a0e85cb 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -28,9 +28,7 @@ import {
   LANGFLOW_SUPPORTED_TYPES,
   limitScrollFieldsModal,
 } from "../../constants/constants";
-import useAlertStore from "../../stores/alertStore";
 import useFlowStore from "../../stores/flowStore";
-import { useGlobalVariablesStore } from "../../stores/globalVariables";
 import { NodeDataType } from "../../types/flow";
 import {
   convertObjToArray,
diff --git a/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx b/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx
index 55fbbf3cf..37c9461b5 100644
--- a/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/IOFieldView/index.tsx
@@ -23,7 +23,9 @@ export default function IOFieldView({
           case "TextInput":
             return (
               <Textarea
-                className={`w-full custom-scroll ${left ? " min-h-32" : " h-full"}`}
+                className={`w-full custom-scroll ${
+                  left ? " min-h-32" : " h-full"
+                }`}
                 placeholder={"Enter text..."}
                 value={node.data.node!.template["input_value"].value}
                 onChange={(e) => {
@@ -54,7 +56,9 @@ export default function IOFieldView({
           default:
             return (
               <Textarea
-                className={`w-full custom-scroll ${left ? " min-h-32" : " h-full"}`}
+                className={`w-full custom-scroll ${
+                  left ? " min-h-32" : " h-full"
+                }`}
                 placeholder={"Enter text..."}
                 value={node.data.node!.template["input_value"]}
                 onChange={(e) => {
@@ -74,7 +78,9 @@ export default function IOFieldView({
           case "TextOutput":
             return (
               <Textarea
-                className={`w-full custom-scroll ${left ? " min-h-32" : " h-full"}`}
+                className={`w-full custom-scroll ${
+                  left ? " min-h-32" : " h-full"
+                }`}
                 placeholder={"Empty"}
                 // update to real value on flowPool
                 value={
@@ -89,7 +95,9 @@ export default function IOFieldView({
           default:
             return (
               <Textarea
-                className={`w-full custom-scroll ${left ? " min-h-32" : " h-full"}`}
+                className={`w-full custom-scroll ${
+                  left ? " min-h-32" : " h-full"
+                }`}
                 placeholder={"Empty"}
                 // update to real value on flowPool
                 value={
diff --git a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
index b8c37f37b..d7a023ae4 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/chatMessage/index.tsx
@@ -9,12 +9,11 @@ import Robot from "../../../../../assets/robot.png";
 import SanitizedHTMLWrapper from "../../../../../components/SanitizedHTMLWrapper";
 import CodeTabsComponent from "../../../../../components/codeTabsComponent";
 import IconComponent from "../../../../../components/genericIconComponent";
+import useAlertStore from "../../../../../stores/alertStore";
 import useFlowStore from "../../../../../stores/flowStore";
 import { chatMessagePropsType } from "../../../../../types/components";
 import { classNames, cn } from "../../../../../utils/utils";
 import FileCard from "../fileComponent";
-import useAlertStore from "../../../../../stores/alertStore";
-import { Message } from "@radix-ui/react-form";
 
 export default function ChatMessage({
   chat,
@@ -56,12 +55,15 @@ export default function ChatMessage({
           setChatMessage((prev) => prev + parsedData.chunk);
         }
       };
-      eventSource.current.onerror = (event:any) => {
+      eventSource.current.onerror = (event: any) => {
         setIsStreaming(false);
         eventSource.current?.close();
         setStreamUrl(undefined);
-        if(JSON.parse(event.data)?.error){
-          setErrorData({title: "Error on Streaming", list: [JSON.parse(event.data)?.error]});
+        if (JSON.parse(event.data)?.error) {
+          setErrorData({
+            title: "Error on Streaming",
+            list: [JSON.parse(event.data)?.error],
+          });
         }
         updateChat(chat, chatMessageRef.current);
         reject(new Error("Streaming failed"));
diff --git a/src/frontend/src/modals/IOModal/components/chatView/index.tsx b/src/frontend/src/modals/IOModal/components/chatView/index.tsx
index 046f26a74..a625cd611 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/index.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/index.tsx
@@ -1,6 +1,5 @@
 import { useEffect, useRef, useState } from "react";
 import IconComponent from "../../../../components/genericIconComponent";
-import { NOCHATOUTPUT_NOTICE_ALERT } from "../../../../constants/alerts_constants";
 import {
   CHAT_FIRST_INITIAL_TEXT,
   CHAT_SECOND_INITIAL_TEXT,
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index b65b16c97..e0b7af4f7 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -477,8 +477,8 @@ export default function Page({
             <Background className="" />
             {!view && (
               <Controls
-                className="[&>button]:bg-muted fill-foreground stroke-foreground text-primary
-                   [&>button]:border-b-border hover:[&>button]:bg-border"
+                className="fill-foreground stroke-foreground text-primary [&>button]:border-b-border
+                   [&>button]:bg-muted hover:[&>button]:bg-border"
               ></Controls>
             )}
             <SelectionMenu
diff --git a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
index 4dc6edbe0..f713ca884 100644
--- a/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
@@ -377,7 +377,7 @@ export default function ExtraSidebar(): JSX.Element {
               Object.keys(dataFilter[SBSectionName]).length > 0 ? (
                 <>
                   <DisclosureComponent
-                  isChild={false}
+                    isChild={false}
                     openDisc={
                       getFilterEdge.length !== 0 || search.length !== 0
                         ? true
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 36cf93a04..8a134f48a 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -29,7 +29,7 @@ import {
   expandGroupNode,
   updateFlowPosition,
 } from "../../../../utils/reactflowUtils";
-import { classNames, cn } from "../../../../utils/utils";
+import { classNames } from "../../../../utils/utils";
 import ToolbarSelectItem from "./toolbarSelectItem";
 
 export default function NodeToolbarComponent({
@@ -326,7 +326,8 @@ export default function NodeToolbarComponent({
       if (
         selected &&
         !isGroup &&
-        (event.ctrlKey || event.metaKey) && event.shiftKey&&
+        (event.ctrlKey || event.metaKey) &&
+        event.shiftKey &&
         event.key === "A"
       ) {
         event.preventDefault();
@@ -411,13 +412,12 @@ export default function NodeToolbarComponent({
             <button
               data-testid="save-button-modal"
               className={classNames(
-                "relative -ml-px inline-flex items-center bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring  transition-all duration-500 ease-in-out hover:bg-muted focus:z-10",
+                "relative -ml-px inline-flex items-center bg-background px-2 py-2 text-foreground shadow-md ring-1 ring-inset ring-ring  transition-all duration-500 ease-in-out hover:bg-muted focus:z-10"
               )}
               onClick={(event) => {
                 event.preventDefault();
                 handleSelectChange("duplicate");
-              }
-            }
+              }}
             >
               <IconComponent name="Copy" className="h-4 w-4" />
             </button>