spacedrive/interface/hooks/useKeyboardHandler.ts
Utku fd8c0f87b3
[ENG-1067] Update phosphor to new package & update sort imports (#1330)
* ianvs > trivago

* @phosphor-icons/react > phosphor-react
2023-09-11 15:26:44 +00:00

22 lines
522 B
TypeScript

import { useEffect } from 'react';
import { useNavigate } from 'react-router';
import { KeybindEvent } from '../util/keybind';
export function useKeybindHandler() {
const navigate = useNavigate();
useEffect(() => {
const handler = (e: KeybindEvent) => {
if (e.detail.action === 'open_settings') {
navigate('/settings');
e.preventDefault();
return;
}
};
document.addEventListener('keybindexec', handler);
return () => document.removeEventListener('keybindexec', handler);
}, [navigate]);
}