20 lines
575 B
TypeScript
20 lines
575 B
TypeScript
import { useEffect } from 'react';
|
|
import KeyCodes from 'shared/constants/keyCodes';
|
|
|
|
const useOnEscapeKeyDown = (isListening: boolean, onEscapeKeyDown: () => void) => {
|
|
useEffect(() => {
|
|
const handleKeyDown = (event: any) => {
|
|
if (event.keyCode === KeyCodes.ESCAPE) {
|
|
onEscapeKeyDown();
|
|
}
|
|
};
|
|
if (isListening) {
|
|
document.addEventListener('keydown', handleKeyDown);
|
|
}
|
|
return () => {
|
|
document.removeEventListener('keydown', handleKeyDown);
|
|
};
|
|
}, [isListening, onEscapeKeyDown]);
|
|
};
|
|
export default useOnEscapeKeyDown;
|