Fixed nodes not deleting all at once

src/frontend/src/contexts/typesContext.tsx

@@ -92,14 +92,22 @@ export function TypesProvider({ children }: { children: ReactNode }) {
     }
   }
 
-  function deleteNode(idx: string) {
+  function deleteNode(idx: string | Array<string>) {
     reactFlowInstance!.setNodes(
-      reactFlowInstance!.getNodes().filter((node: Node) => node.id !== idx)
+      reactFlowInstance!
+        .getNodes()
+        .filter((node: Node) =>
+          typeof idx === "string" ? node.id !== idx : !idx.includes(node.id)
+        )
     );
     reactFlowInstance!.setEdges(
       reactFlowInstance!
         .getEdges()
-        .filter((edge) => edge.source !== idx && edge.target !== idx)
+        .filter((edge) =>
+          typeof idx === "string"
+            ? edge.source !== idx && edge.target !== idx
+            : !idx.includes(edge.source) && !idx.includes(edge.target)
+        )
     );
   }
   return (

src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx

@@ -120,9 +120,8 @@ export default function Page({
           lastSelection
         ) {
           event.preventDefault();
-          lastSelection.nodes.forEach((k) => {
-            deleteNode(k.id);
-          });
+          console.log(lastSelection);
+          deleteNode(lastSelection.nodes.map((node) => node.id));
         }
       }
     };

src/frontend/src/types/typesContext/index.ts

@@ -9,7 +9,7 @@ const data: { [char: string]: string } = {};
 export type typesContextType = {
   reactFlowInstance: ReactFlowInstance | null;
   setReactFlowInstance: (newState: ReactFlowInstance) => void;
-  deleteNode: (idx: string) => void;
+  deleteNode: (idx: string | Array<string>) => void;
   types: typeof types;
   setTypes: (newState: {}) => void;
   templates: typeof template;