summaryrefslogtreecommitdiff
path: root/extension/react-app/src/components/TextDialog.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'extension/react-app/src/components/TextDialog.tsx')
-rw-r--r--extension/react-app/src/components/TextDialog.tsx13
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={() => {