1 files changed, 16 insertions, 0 deletions
diff --git a/web/src/hooks/CapsLock.ts b/web/src/hooks/CapsLock.ts
new file mode 100644
index 000000000..724d3c3c9
--- /dev/null
+++ b/web/src/hooks/CapsLock.ts
@@ -0,0 +1,16 @@
+import React, { useCallback } from "react";
+
+export const useCheckCapsLock = (setCapsLockNotify: React.Dispatch<React.SetStateAction<boolean>>) => {
+    return useCallback(
+        (event: React.KeyboardEvent<HTMLDivElement>) => {
+            if (event.getModifierState("CapsLock")) {
+                setCapsLockNotify(true);
+            } else {
+                setCapsLockNotify(false);
+            }
+        },
+        [setCapsLockNotify],
+    );
+};
+
+export default useCheckCapsLock;