web/src/hooks/CapsLock.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
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;