diff options
author | Nate Sesti <sestinj@gmail.com> | 2023-08-20 20:21:33 -0700 |
---|---|---|
committer | Nate Sesti <sestinj@gmail.com> | 2023-08-20 20:21:33 -0700 |
commit | 2d3d96e5b55a225eb97251850909eb7a0a7242ed (patch) | |
tree | 208a20e6a833817766b697df3ab49efe0c1d07a2 /extension/react-app/src/components/TextDialog.tsx | |
parent | c98f860460767fe14f8fbf139150b1bd1ee2ff12 (diff) | |
download | sncontinue-2d3d96e5b55a225eb97251850909eb7a0a7242ed.tar.gz sncontinue-2d3d96e5b55a225eb97251850909eb7a0a7242ed.tar.bz2 sncontinue-2d3d96e5b55a225eb97251850909eb7a0a7242ed.zip |
feat: :sparkles: delete context groups
Diffstat (limited to 'extension/react-app/src/components/TextDialog.tsx')
-rw-r--r-- | extension/react-app/src/components/TextDialog.tsx | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/extension/react-app/src/components/TextDialog.tsx b/extension/react-app/src/components/TextDialog.tsx index 7fcc41f1..44d25ae6 100644 --- a/extension/react-app/src/components/TextDialog.tsx +++ b/extension/react-app/src/components/TextDialog.tsx @@ -58,6 +58,19 @@ const TextDialog = (props: { onClose: () => void; message?: string | JSX.Element; }) => { + useEffect(() => { + const handleKeyDown = (event: KeyboardEvent) => { + if (event.key === "Escape") { + props.onClose(); + } + }; + + document.addEventListener("keydown", handleKeyDown); + return () => { + document.removeEventListener("keydown", handleKeyDown); + }; + }, [props]); + return ( <ScreenCover onClick={() => { |