fix(core): cannot close peek-view by Escape

toeverything · Jul 3, 2024 · bc66552 · bc66552
1 parent 2ce1c34
commit bc66552
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx b/packages/frontend/core/src/modules/peek-view/view/modal-container.tsx
@@ -264,6 +264,18 @@ export const PeekViewModalContainer = forwardRef<
     });
   }, []);
 
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        onOpenChange(false);
+      }
+    };
+    document.addEventListener('keydown', onKeyDown);
+    return () => {
+      document.removeEventListener('keydown', onKeyDown);
+    };
+  }, [onOpenChange]);
+
   useEffect(() => {
     if (animation === 'zoom') {
       open ? animateZoomIn() : animateZoomOut();