From 84160ce86edcfe8815890f214c5e7edd96faa437 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 17 Jan 2024 17:29:15 -0300
Subject: [PATCH] Fix formatting and remove unused code

---
 src/frontend/src/App.tsx                      |  1 -
 .../components/parameterComponent/index.tsx   | 29 ++++++++++---------
 .../components/PageComponent/index.tsx        | 10 +++----
 src/frontend/src/stores/flowStore.ts          |  5 ++--
 src/frontend/src/stores/typesStore.ts         |  1 -
 src/frontend/src/utils/reactflowUtils.ts      |  2 +-
 6 files changed, 23 insertions(+), 25 deletions(-)

diff --git a/src/frontend/src/App.tsx b/src/frontend/src/App.tsx
index 2bbab91f7..d126f5fa9 100644
--- a/src/frontend/src/App.tsx
+++ b/src/frontend/src/App.tsx
@@ -23,7 +23,6 @@ import useFlowsManagerStore from "./stores/flowsManagerStore";
 import { useTypesStore } from "./stores/typesStore";
 
 export default function App() {
-
   const errorData = useAlertStore((state) => state.errorData);
   const errorOpen = useAlertStore((state) => state.errorOpen);
   const setErrorOpen = useAlertStore((state) => state.setErrorOpen);
diff --git a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
index 09af96c6f..9d60313b8 100644
--- a/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
+++ b/src/frontend/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
@@ -131,25 +131,24 @@ export default function ParameterComponent({
     if (data.node!.template[name].value !== code) {
       takeSnapshot();
     }
-    
-    
+
     setNode(data.id, (oldNode) => {
       let newNode = cloneDeep(oldNode);
-      
+
       newNode.data = {
         ...newNode.data,
         node: newNodeClass,
         description: newNodeClass.description ?? data.node!.description,
         display_name: newNodeClass.display_name ?? data.node!.display_name,
       };
-      
+
       newNode.data.node.template[name].value = code;
-      
+
       return newNode;
     });
-    
+
     updateNodeInternals(data.id);
-    
+
     renderTooltips();
   };
 
@@ -273,9 +272,11 @@ export default function ParameterComponent({
             <Handle
               type={left ? "target" : "source"}
               position={left ? Position.Left : Position.Right}
-              key={proxy
-                ? scapedJSONStringfy({ ...id, proxy })
-                : scapedJSONStringfy(id)}
+              key={
+                proxy
+                  ? scapedJSONStringfy({ ...id, proxy })
+                  : scapedJSONStringfy(id)
+              }
               id={
                 proxy
                   ? scapedJSONStringfy({ ...id, proxy })
@@ -348,9 +349,11 @@ export default function ParameterComponent({
                 <Handle
                   type={left ? "target" : "source"}
                   position={left ? Position.Left : Position.Right}
-                  key={proxy
-                    ? scapedJSONStringfy({ ...id, proxy })
-                    : scapedJSONStringfy(id)}
+                  key={
+                    proxy
+                      ? scapedJSONStringfy({ ...id, proxy })
+                      : scapedJSONStringfy(id)
+                  }
                   id={
                     proxy
                       ? scapedJSONStringfy({ ...id, proxy })
diff --git a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
index 634083b2c..9e127e688 100644
--- a/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
+++ b/src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
@@ -9,7 +9,6 @@ import ReactFlow, {
   OnMove,
   OnSelectionChangeParams,
   SelectionDragHandler,
-  addEdge,
   updateEdge,
 } from "reactflow";
 import GenericNode from "../../../../CustomNodes/GenericNode";
@@ -19,13 +18,12 @@ import useFlowStore from "../../../../stores/flowStore";
 import useFlowsManagerStore from "../../../../stores/flowsManagerStore";
 import { useTypesStore } from "../../../../stores/typesStore";
 import { APIClassType } from "../../../../types/api";
-import { FlowType, NodeType, targetHandleType } from "../../../../types/flow";
+import { FlowType, NodeType } from "../../../../types/flow";
 import {
   generateFlow,
   generateNodeFromFlow,
   getNodeId,
   isValidConnection,
-  scapeJSONParse,
   validateSelection,
 } from "../../../../utils/reactflowUtils";
 import { getRandomName, isWrappedWithClass } from "../../../../utils/utils";
@@ -175,8 +173,8 @@ export default function Page({
   useEffect(() => {
     return () => {
       cleanFlow();
-    }
-  }, [])
+    };
+  }, []);
 
   const onConnectMod = useCallback(
     (params: Connection) => {
@@ -332,7 +330,7 @@ export default function Page({
         <div className="h-full w-full">
           <div className="h-full w-full" ref={reactFlowWrapper}>
             {Object.keys(templates).length > 0 &&
-              Object.keys(types).length > 0 ? (
+            Object.keys(types).length > 0 ? (
               <div id="react-flow-id" className="h-full w-full">
                 <ReactFlow
                   nodes={nodes}
diff --git a/src/frontend/src/stores/flowStore.ts b/src/frontend/src/stores/flowStore.ts
index d8338428b..25be5d192 100644
--- a/src/frontend/src/stores/flowStore.ts
+++ b/src/frontend/src/stores/flowStore.ts
@@ -265,7 +265,7 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
   },
   getFilterEdge: [],
   onConnect: (connection) => {
-    let newEdges: Edge[] = []
+    let newEdges: Edge[] = [];
     get().setEdges((oldEdges) => {
       newEdges = addEdge(
         {
@@ -287,8 +287,7 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
         oldEdges
       );
       return newEdges;
-
-    })
+    });
     useFlowsManagerStore
       .getState()
       .autoSaveCurrentFlow(
diff --git a/src/frontend/src/stores/typesStore.ts b/src/frontend/src/stores/typesStore.ts
index 90f2c5b9b..b84887774 100644
--- a/src/frontend/src/stores/typesStore.ts
+++ b/src/frontend/src/stores/typesStore.ts
@@ -43,5 +43,4 @@ export const useTypesStore = create<TypesStoreType>((set, get) => ({
     let newChange = typeof change === "function" ? change(get().data) : change;
     set({ data: newChange });
   },
-
 }));
diff --git a/src/frontend/src/utils/reactflowUtils.ts b/src/frontend/src/utils/reactflowUtils.ts
index 8d222349a..902f3c82c 100644
--- a/src/frontend/src/utils/reactflowUtils.ts
+++ b/src/frontend/src/utils/reactflowUtils.ts
@@ -475,7 +475,7 @@ export function convertArrayToObj(arrayOfObjects) {
 export function hasDuplicateKeys(array) {
   const keys = {};
   // Transforms an empty object into an object array without opening the 'editNode' modal to prevent the flow build from breaking.
-  if (!Array.isArray(array)) array = [{"": ""}];
+  if (!Array.isArray(array)) array = [{ "": "" }];
   for (const obj of array) {
     for (const key in obj) {
       if (keys[key]) {