feat: add monitor filter field

src/functions/helpers.js

@@ -1,4 +1,5 @@
 import config from '../../config.yaml'
+import {useEffect, useState} from 'react'
 
 export async function getMonitors() {
   const monitors = await listKV('s_')
@@ -115,3 +116,31 @@ export async function notifySlack(monitor, newMetadata) {
     headers: { 'Content-Type': 'application/json' },
   })
 }
+
+export function useKeyPress(targetKey) {
+  const [keyPressed, setKeyPressed] = useState(false)
+
+  function downHandler({ key }) {
+    if (key === targetKey) {
+      setKeyPressed(true);
+    }
+  }
+
+  const upHandler = ({ key }) => {
+    if (key === targetKey) {
+      setKeyPressed(false);
+    }
+  }
+
+  useEffect(() => {
+    window.addEventListener('keydown', downHandler);
+    window.addEventListener('keyup', upHandler);
+
+    return () => {
+      window.removeEventListener('keydown', downHandler);
+      window.removeEventListener('keyup', upHandler);
+    };
+  }, [])
+
+  return keyPressed
+}