new web init

web_app/src/hooks/useHotkey.tsx

@@ -0,0 +1,22 @@
+import { Options, useHotkeys } from "react-hotkeys-hook"
+import { useRecoilValue } from "recoil"
+import { appState } from "@/lib/store"
+
+const useHotKey = (
+  keys: string,
+  callback: any,
+  options?: Options,
+  deps?: any[]
+) => {
+  const app = useRecoilValue(appState)
+
+  const ref = useHotkeys(
+    keys,
+    callback,
+    { ...options, enabled: !app.disableShortCuts },
+    deps
+  )
+  return ref
+}
+
+export default useHotKey