Fixed ctrl+z on intComponent

src/frontend/src/components/intComponent/index.tsx

@@ -1,6 +1,6 @@
 import { useEffect } from "react";
 import { IntComponentType } from "../../types/components";
-import { handleKeyDown } from "../../utils/reactflowUtils";
+import { handleKeyDown, handleOnlyIntegerInput } from "../../utils/reactflowUtils";
 import { Input } from "../ui/input";
 
 export default function IntComponent({
@@ -24,24 +24,7 @@ export default function IntComponent({
       <Input
         id={id}
         onKeyDown={(event) => {
-          if (
+          handleOnlyIntegerInput(event);
-            event.key !== "Backspace" &&
-            event.key !== "Enter" &&
-            event.key !== "Delete" &&
-            event.key !== "ArrowLeft" &&
-            event.key !== "ArrowRight" &&
-            event.key !== "Control" &&
-            event.key !== "Meta" &&
-            event.key !== "Shift" &&
-            event.key !== "c" &&
-            event.key !== "v" &&
-            event.key !== "a" &&
-            event.key !== "ArrowUp" &&
-            event.key !== "ArrowDown" &&
-            !/^[-]?\d*$/.test(event.key)
-          ) {
-            event.preventDefault();
-          }
           handleKeyDown(event, value, "0");
         }}
         type="number"

src/frontend/src/utils/reactflowUtils.ts

@@ -415,6 +415,19 @@ export function handleKeyDown(
   }
 }
 
+export function handleOnlyIntegerInput(event: React.KeyboardEvent<HTMLInputElement>) {
+  if (
+    event.key === "." ||
+    event.key === "-" ||
+    event.key === "," ||
+    event.key === "e" ||
+    event.key === "E" ||
+    event.key === "+"
+  ) {
+    event.preventDefault();
+  }
+}
+
 export function getConnectedNodes(
   edge: Edge,
   nodes: Array<NodeType>