From d09e07e12d093bf32b03dce1eed605ff0430683e Mon Sep 17 00:00:00 2001
From: Igor Carvalho <igorsilvabhz6@gmail.com>
Date: Mon, 24 Jul 2023 16:17:32 -0300
Subject: [PATCH] Formated code

---
 src/frontend/src/CustomNodes/GenericNode/index.tsx    |  7 ++++---
 .../components/chatComponent/buildTrigger/index.tsx   |  4 ++--
 src/frontend/src/modals/EditNodeModal/index.tsx       | 11 +++++++----
 .../src/modals/formModal/fileComponent/index.tsx      |  9 ++++++---
 .../components/nodeToolbarComponent/index.tsx         |  2 +-
 src/frontend/src/types/api/index.ts                   |  2 +-
 src/frontend/src/types/components/index.ts            |  7 +++----
 7 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx
index bb4541e61..ddfea1037 100644
--- a/src/frontend/src/CustomNodes/GenericNode/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx
@@ -89,8 +89,7 @@ export default function GenericNode({
               </ShadTooltip>
             </div>
           </div>
-          <div className="round-button-div">
-          </div>
+          <div className="round-button-div"></div>
           <div className="round-button-div">
             <div>
               <Tooltip
@@ -111,7 +110,9 @@ export default function GenericNode({
                       {validationStatus.params
                         ? validationStatus.params
                             .split("\n")
-                            .map((line: string, index: number) => <div key={index}>{line}</div>)
+                            .map((line: string, index: number) => (
+                              <div key={index}>{line}</div>
+                            ))
                         : ""}
                     </div>
                   )
diff --git a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
index 3e59c88f0..ad1197f33 100644
--- a/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
+++ b/src/frontend/src/components/chatComponent/buildTrigger/index.tsx
@@ -8,10 +8,10 @@ import { postBuildInit } from "../../../controllers/API";
 import { FlowType } from "../../../types/flow";
 
 import { TabsContext } from "../../../contexts/tabsContext";
+import { parsedDataType } from "../../../types/components";
 import { validateNodes } from "../../../utils/reactflowUtils";
 import RadialProgressComponent from "../../RadialProgress";
 import IconComponent from "../../genericIconComponent";
-import { parsedDataType } from "../../../types/components";
 
 export default function BuildTrigger({
   open,
@@ -129,7 +129,7 @@ export default function BuildTrigger({
     // Process each chunk of data here
     // Parse the chunk and update the context
     try {
-      console.log(parsedData)
+      console.log(parsedData);
       updateSSEData({ [parsedData.id]: parsedData });
     } catch (err) {
       console.log("Error parsing stream data: ", err);
diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx
index 075bc22c9..c0efe771c 100644
--- a/src/frontend/src/modals/EditNodeModal/index.tsx
+++ b/src/frontend/src/modals/EditNodeModal/index.tsx
@@ -33,9 +33,9 @@ import { limitScrollFieldsModal } from "../../constants/constants";
 import { PopUpContext } from "../../contexts/popUpContext";
 import { TabsContext } from "../../contexts/tabsContext";
 import { typesContext } from "../../contexts/typesContext";
+import { editNodeToggleType } from "../../types/components";
 import { NodeDataType } from "../../types/flow";
 import { classNames } from "../../utils/utils";
-import { editNodeToggleType } from "../../types/components";
 
 export default function EditNodeModal({
   data,
@@ -88,7 +88,10 @@ export default function EditNodeModal({
     setNodeValue(!nodeValue);
   }
 
-  const handleOnNewValue = (newValue: string | string[] | boolean, name: string): void => {
+  const handleOnNewValue = (
+    newValue: string | string[] | boolean,
+    name: string
+  ): void => {
     data.node.template[name].value = newValue;
     // Set state to pending
     setTabsState((prev) => {
@@ -182,7 +185,7 @@ export default function EditNodeModal({
                                         : data.node.template[n].value
                                     }
                                     onChange={(t: string[]) => {
-                                      console.log(t)
+                                      console.log(t);
                                       handleOnNewValue(t, n);
                                     }}
                                   />
@@ -233,7 +236,7 @@ export default function EditNodeModal({
                                   }}
                                 />
                               </div>
-                            ) : data.node.template[n].type === "str" && 
+                            ) : data.node.template[n].type === "str" &&
                               data.node.template[n].options ? (
                               <div className="mx-auto">
                                 <Dropdown
diff --git a/src/frontend/src/modals/formModal/fileComponent/index.tsx b/src/frontend/src/modals/formModal/fileComponent/index.tsx
index 381846042..b1dc74d1f 100644
--- a/src/frontend/src/modals/formModal/fileComponent/index.tsx
+++ b/src/frontend/src/modals/formModal/fileComponent/index.tsx
@@ -3,7 +3,11 @@ import { useState } from "react";
 import IconComponent from "../../../components/genericIconComponent";
 import { fileCardPropsType } from "../../../types/components";
 
-export default function FileCard({ fileName, content, fileType }: fileCardPropsType): JSX.Element {
+export default function FileCard({
+  fileName,
+  content,
+  fileType,
+}: fileCardPropsType): JSX.Element {
   const handleDownload = (): void => {
     const byteArray = new Uint8Array(base64js.toByteArray(content));
     const blob = new Blob([byteArray], { type: "application/octet-stream" });
@@ -56,8 +60,7 @@ export default function FileCard({ fileName, content, fileType }: fileCardPropsT
   return (
     <button onClick={handleDownload} className="file-card-modal-button">
       <div className="file-card-modal-div">
-        ooooooooooooooo
-        {" "}
+        ooooooooooooooo{" "}
         {fileType === "image" ? (
           <img
             src={`data:image/png;base64,${content}`}
diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
index 46f542884..d9ad91ebc 100644
--- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx
@@ -4,8 +4,8 @@ import ShadTooltip from "../../../../components/ShadTooltipComponent";
 import IconComponent from "../../../../components/genericIconComponent";
 import { TabsContext } from "../../../../contexts/tabsContext";
 import EditNodeModal from "../../../../modals/EditNodeModal";
-import { classNames } from "../../../../utils/utils";
 import { nodeToolbarPropsType } from "../../../../types/components";
+import { classNames } from "../../../../utils/utils";
 
 const NodeToolbarComponent = (props: nodeToolbarPropsType): JSX.Element => {
   const [nodeLength, setNodeLength] = useState(
diff --git a/src/frontend/src/types/api/index.ts b/src/frontend/src/types/api/index.ts
index 51a525913..0354e69fe 100644
--- a/src/frontend/src/types/api/index.ts
+++ b/src/frontend/src/types/api/index.ts
@@ -35,7 +35,7 @@ export type sendAllProps = {
   name: string;
   description: string;
   viewport: Viewport;
-  inputs: { text: string; };
+  inputs: { text: string };
 
   chatHistory: { message: string | object; isSend: boolean }[];
 };
diff --git a/src/frontend/src/types/components/index.ts b/src/frontend/src/types/components/index.ts
index 84c22d9e7..01aa51349 100644
--- a/src/frontend/src/types/components/index.ts
+++ b/src/frontend/src/types/components/index.ts
@@ -1,8 +1,7 @@
-import { ReactElement, ReactNode, RefObject } from "react";
+import { ReactElement, ReactNode } from "react";
 import { APIClassType } from "../api";
 import { FlowStyleType, NodeDataType } from "../flow/index";
 import { typesContextType } from "../typesContext";
-import { BlobOptions } from "buffer";
 
 export type InputComponentType = {
   value: string;
@@ -481,7 +480,7 @@ export type editNodeToggleType = {
 export interface Props {
   language: string;
   value: string;
-};
+}
 
 export type fileCardPropsType = {
   fileName: string;
@@ -493,7 +492,7 @@ export type nodeToolbarPropsType = {
   data: NodeDataType;
   deleteNode: (idx: string) => void;
   openPopUp: (element: JSX.Element) => void;
-}
+};
 
 export type parsedDataType = {
   id: string;