fixup! fixup! ✨(frontend) enable enter key to open documents and subdocuments

Author: Ovgodd

src/frontend/apps/impress/src/features/docs/doc-tree/components/DocSubPageItem.tsx

@@ -87,7 +87,13 @@ export const DocSubPageItem = (props: TreeViewNodeProps<Doc>) => {
     }
   };
 
-  useKeyboardActivation(['Enter'], isActive && !menuOpen, handleActivate, true);
+  useKeyboardActivation(
+    ['Enter'],
+    isActive && !menuOpen,
+    handleActivate,
+    true,
+    '.c__tree-view',
+  );
 
   const docTitle = doc.title || untitledDocument;
   const hasChildren = (doc.children?.length || 0) > 0;

src/frontend/apps/impress/src/features/docs/doc-tree/components/dom-selectors.ts

@@ -1,12 +1,11 @@
 import { useEffect } from 'react';
 
-import { SELECTORS } from '../components/dom-selectors';
-
 export const useKeyboardActivation = (
   keys: string[],
   enabled: boolean,
   action: () => void,
   capture = false,
+  selector: string,
 ) => {
   useEffect(() => {
     if (!enabled) {
@@ -18,13 +17,13 @@ export const useKeyboardActivation = (
         action();
       }
     };
-    const treeEl = document.querySelector<HTMLElement>('.c__tree-view');
+    const treeEl = document.querySelector<HTMLElement>(selector);
     if (!treeEl) {
       return;
     }
     treeEl.addEventListener('keydown', onKeyDown, capture);
     return () => {
       treeEl.removeEventListener('keydown', onKeyDown, capture);
     };
-  }, [keys, enabled, action, capture]);
+  }, [keys, enabled, action, capture, selector]);
 };