blob: 94b5097389ecb037bec55e420d40b687540b007e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
import React, { useCallback, useEffect } from 'react';
import { useHistory } from '../lib/history';
interface IKeyboardNavigationProps {
children: React.ReactElement;
}
export default function KeyboardNavigation(props: IKeyboardNavigationProps) {
const history = useHistory();
const handleKeyDown = useCallback(
(event: KeyboardEvent) => {
if (event.key === 'Escape') {
history.dismiss(true);
}
},
[history.reset],
);
useEffect(() => {
document.addEventListener('keydown', handleKeyDown);
return () => document.removeEventListener('keydown', handleKeyDown);
}, [handleKeyDown]);
return props.children;
}
|
