Add ability to select all on desktop (#12044)

* Add ability to select all review items

* Refactor keybaord listener
This commit is contained in:
Nicolas Mowen
2024-06-18 08:32:17 -06:00
committed by GitHub
parent 4bca405e29
commit e6790d9a6a
6 changed files with 64 additions and 29 deletions

View File

@@ -1,8 +1,14 @@
import { useCallback, useEffect } from "react";
export type KeyModifiers = {
down: boolean;
repeat: boolean;
ctrl: boolean;
};
export default function useKeyboardListener(
keys: string[],
listener: (key: string, down: boolean, repeat: boolean) => void,
listener: (key: string, modifiers: KeyModifiers) => void,
) {
const keyDownListener = useCallback(
(e: KeyboardEvent) => {
@@ -12,7 +18,7 @@ export default function useKeyboardListener(
if (keys.includes(e.key)) {
e.preventDefault();
listener(e.key, true, e.repeat);
listener(e.key, { down: true, repeat: e.repeat, ctrl: e.ctrlKey });
}
},
[keys, listener],
@@ -26,7 +32,7 @@ export default function useKeyboardListener(
if (keys.includes(e.key)) {
e.preventDefault();
listener(e.key, false, false);
listener(e.key, { down: false, repeat: false, ctrl: false });
}
},
[keys, listener],