diff --git a/frontend/src/components/account/AccountPage.tsx b/frontend/src/components/account/AccountPage.tsx index 3e19e44..ab0a10a 100644 --- a/frontend/src/components/account/AccountPage.tsx +++ b/frontend/src/components/account/AccountPage.tsx @@ -20,6 +20,7 @@ import { BookmarkIcon } from '../ui/icons/BookmarkIcon'; import { TrashIcon } from '../ui/icons/TrashIcon'; import { CloseIcon } from '../ui/icons/CloseIcon'; import { useLicense } from '../../hooks/useLicense'; +import { useModalA11y } from '../../hooks/useModalA11y'; function PageLayout({ children }: { children: React.ReactNode }) { return ( @@ -43,17 +44,43 @@ function DeleteDialog({ onConfirm: () => void; }) { const { t } = useTranslation(); + const dialogRef = useModalA11y(); + + useEffect(() => { + const handleKeyDown = (e: KeyboardEvent) => { + if (e.key === 'Escape') onCancel(); + }; + document.addEventListener('keydown', handleKeyDown); + return () => document.removeEventListener('keydown', handleKeyDown); + }, [onCancel]); + return ( -
-
+
+