Angela Ning
24 lines
672 B
TypeScript
24 lines
672 B
TypeScript
import { useEffect } from 'react';
|
|
|
|
/**
|
|
* Custom hook to handle Esc key press for closing modals
|
|
* @param isActive - Whether the hook should be active (typically when modal is open)
|
|
* @param onEscape - Callback function to execute when Esc key is pressed
|
|
*/
|
|
export function useEscapeKey(isActive: boolean, onEscape: () => void) {
|
|
useEffect(() => {
|
|
if (!isActive) return;
|
|
|
|
const handleEscKey = (e: KeyboardEvent) => {
|
|
if (e.key === 'Escape') {
|
|
onEscape();
|
|
}
|
|
};
|
|
|
|
document.addEventListener('keydown', handleEscKey);
|
|
return () => {
|
|
document.removeEventListener('keydown', handleEscKey);
|
|
};
|
|
}, [isActive, onEscape]);
|
|
}
|