modal

frontend/src/hooks/documents/useDocumentsWorkspace.js

@@ -1027,9 +1027,27 @@ const useDocumentsWorkspace = ({
     setStatusMessage,
   });
 
+  const [settingsOpen, setSettingsOpen] = useState(false);
   const openSettings = useCallback(() => {
-    navigate('/settings');
-  }, [navigate]);
+    setSettingsOpen(true);
+  }, []);
+  const closeSettings = useCallback(() => {
+    setSettingsOpen(false);
+  }, []);
+
+  useEffect(() => {
+    if (!settingsOpen) {
+      return undefined;
+    }
+    const handleKeyDown = (event) => {
+      if (event.key === 'Escape') {
+        event.preventDefault();
+        setSettingsOpen(false);
+      }
+    };
+    window.addEventListener('keydown', handleKeyDown);
+    return () => window.removeEventListener('keydown', handleKeyDown);
+  }, [settingsOpen]);
 
   useEffect(
     () => () => {
@@ -1548,6 +1566,8 @@ const useDocumentsWorkspace = ({
     dropOverlayState,
     managementModals,
     contextValue,
+    settingsOpen,
+    closeSettings,
   };
 };