Fix formatting and remove unused code

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);

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
+              key={
-                ? scapedJSONStringfy({ ...id, proxy })
+                proxy
-                : scapedJSONStringfy(id)}
+                  ? 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
+                  key={
-                    ? scapedJSONStringfy({ ...id, proxy })
+                    proxy
-                    : scapedJSONStringfy(id)}
+                      ? scapedJSONStringfy({ ...id, proxy })
+                      : scapedJSONStringfy(id)
+                  }
                   id={
                     proxy
                       ? scapedJSONStringfy({ ...id, proxy })

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}

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(

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 });
   },
-
 }));

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]) {