feat(web/input): submit on enter press

web/src/hooks/useKeyPress.ts

@@ -0,0 +1,35 @@
+import React from "react";
+
+export const useKeyPress = (targetKey: KeyboardEvent["key"]) => {
+  const [keyPressed, setKeyPressed] = React.useState(false);
+
+  const downHandler = React.useCallback(
+    ({ key }: KeyboardEvent) => {
+      if (key === targetKey) {
+        setKeyPressed(true);
+      }
+    },
+    [targetKey]
+  );
+
+  const upHandler = React.useCallback(
+    ({ key }: KeyboardEvent) => {
+      if (key === targetKey) {
+        setKeyPressed(false);
+      }
+    },
+    [targetKey]
+  );
+
+  React.useEffect(() => {
+    window.addEventListener("keydown", downHandler);
+    window.addEventListener("keyup", upHandler);
+
+    return () => {
+      window.removeEventListener("keydown", downHandler);
+      window.removeEventListener("keyup", upHandler);
+    };
+  }, [downHandler, upHandler]);
+
+  return keyPressed;
+};