32 lines
683 B
TypeScript
32 lines
683 B
TypeScript
import { useEffect, useCallback } from "react";
|
|
|
|
export type KeyboardShortcut = {
|
|
key: string;
|
|
callback: () => void;
|
|
preventDefault?: boolean;
|
|
};
|
|
|
|
export function useKeyboardShortcuts(shortcuts: KeyboardShortcut[]): void {
|
|
const handleKeyDown = useCallback(
|
|
(event: KeyboardEvent) => {
|
|
shortcuts.forEach((shortcut) => {
|
|
if (event.key === shortcut.key) {
|
|
if (shortcut.preventDefault) {
|
|
event.preventDefault();
|
|
}
|
|
shortcut.callback();
|
|
}
|
|
});
|
|
},
|
|
[shortcuts]
|
|
);
|
|
|
|
useEffect(() => {
|
|
document.addEventListener("keydown", handleKeyDown);
|
|
|
|
return () => {
|
|
document.removeEventListener("keydown", handleKeyDown);
|
|
};
|
|
}, [handleKeyDown]);
|
|
}
|