Feedback Widget: close on esc

nirnejak · May 15, 2024 · cbaec8a · cbaec8a
1 parent a940f59
commit cbaec8a
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/components/FeedbackWidget.tsx b/components/FeedbackWidget.tsx
@@ -25,6 +25,21 @@ const FeedbackWidget: React.FC = () => {
     setIsWidgetOpen(false)
   })
 
+  React.useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        setIsWidgetOpen(false)
+      }
+    }
+
+    if (isWidgetOpen) {
+      window.addEventListener("keyup", handleKeyDown)
+    }
+    return () => {
+      window.removeEventListener("keyup", handleKeyDown)
+    }
+  }, [isWidgetOpen])
+
   const [formState, setFormState] = React.useState(defaultFormState)
   const [isSending, setIsSending] = React.useState(false)
   const [isSent, setIsSent] = React.useState(false)