public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-24 17:30:43 +09:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

refactor(web): list navigation with keyboard (#7987)

Browse Source
This commit is contained in:
Michel Heusschen
2024-03-15 21:00:53 +01:00
committed by GitHub
parent e21c586cc5
commit 997e9c5877
4 changed files with 76 additions and 125 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/lib/utils/shortcut.ts
View File

@@ -10,6 +10,7 @@ export type Shortcut = {
export type ShortcutOptions<T = HTMLElement> = {
shortcut: Shortcut;
ignoreInputFields?: boolean;
onShortcut: (event: KeyboardEvent & { currentTarget: T }) => unknown;
};
@@ -50,11 +51,13 @@ export const shortcuts = <T extends HTMLElement>(
options: ShortcutOptions<T>[],
): ActionReturn<ShortcutOptions<T>[]> => {
function onKeydown(event: KeyboardEvent) {
if (shouldIgnoreShortcut(event)) {
return;
}
const ignoreShortcut = shouldIgnoreShortcut(event);
for (const { shortcut, onShortcut, ignoreInputFields = true } of options) {
if (ignoreInputFields && ignoreShortcut) {
continue;
}
for (const { shortcut, onShortcut } of options) {
if (matchesShortcut(event, shortcut)) {
event.preventDefault();
onShortcut(event as KeyboardEvent & { currentTarget: T });