[FEAT]: Add onKeyPress listener in FullScreen component

Author: JinSSJ3

src/files-ui/components/previews/FullScreen/FullScreen.tsx

@@ -12,13 +12,29 @@ const FullScreen: React.FC<FullScreenProps> = (props: FullScreenProps) => {
     e.stopPropagation();
     onClose?.();
   }
+  React.useEffect(() => {
+    const handleCloseEsc = (evt: KeyboardEvent) => {
+      if (evt.key === "Escape") onClose?.();
+    };
+    console.log("adding listener");
+
+    document.addEventListener("keydown", handleCloseEsc);
+
+    return () => {
+      console.log("removing listener");
+      document.removeEventListener("keydown", handleCloseEsc);
+    };
+  }, []);
 
   return (
     <div
       className={
         open ? "fui-fullscreen-container show-fs" : "fui-fullscreen-container"
       }
       onClick={handleClose}
+      onKeyPress={(evt) => {
+        if (evt.key === "Escape") onClose?.();
+      }}
     >
       {open && (
         <div