From e1f64a38de85073e5cea74ecea4b9cde9a783ecc Mon Sep 17 00:00:00 2001
From: Lukas Senionis <warliukz@gmail.com>
Date: Wed, 2 Nov 2022 18:56:11 +0200
Subject: [PATCH] fix(useQuickAccessVisible): make it work in beta (#49)

* fix(useQuickAccessVisible): make it work in beta

* fix(useQuickAccessVisible): rename for consistency

* fix(useQuickAccessVisible): update the exports

* fix(useQuickAccessVisible): shut up typescript
---
 src/custom-hooks/index.ts                        |  2 +-
 ...cessvisible.tsx => useQuickAccessVisible.tsx} | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)
 rename src/custom-hooks/{usequickaccessvisible.tsx => useQuickAccessVisible.tsx} (76%)

diff --git a/src/custom-hooks/index.ts b/src/custom-hooks/index.ts
index 56ae7bf..441ea5c 100644
--- a/src/custom-hooks/index.ts
+++ b/src/custom-hooks/index.ts
@@ -1 +1 @@
-export * from './usequickaccessvisible';
+export * from './useQuickAccessVisible';
diff --git a/src/custom-hooks/usequickaccessvisible.tsx b/src/custom-hooks/useQuickAccessVisible.tsx
similarity index 76%
rename from src/custom-hooks/usequickaccessvisible.tsx
rename to src/custom-hooks/useQuickAccessVisible.tsx
index 62e4708..5872b40 100644
--- a/src/custom-hooks/usequickaccessvisible.tsx
+++ b/src/custom-hooks/useQuickAccessVisible.tsx
@@ -4,6 +4,16 @@ declare global {
   var FocusNavController: any;
 }
 
+function getQuickAccessWindow(): Window | null {
+  try {
+    const navTrees = FocusNavController?.m_ActiveContext?.m_rgGamepadNavigationTrees || FocusNavController?.m_rgGamepadNavigationTrees;
+    return navTrees?.find((tree: any) => tree?.id === "QuickAccess-NA")?.m_Root?.m_element?.ownerDocument.defaultView ?? null;
+  } catch (error) {
+    console.error(error);
+    return null;
+  }
+}
+
 /**
  * Returns state indicating the visibility of quick access menu.
  *
@@ -42,12 +52,10 @@ declare global {
  * };
  */
 export function useQuickAccessVisible(): boolean {
-  // Assuming that the component is rendered in QAM already, so true by default...
-  const [isVisible, setIsVisible] = useState(true);
+  const [isVisible, setIsVisible] = useState(getQuickAccessWindow()?.document.hasFocus() ?? true);
 
   useEffect(() => {
-    const quickAccessWindow: Window | null =
-      FocusNavController?.GetGamepadNavTreeByID('QuickAccess-NA')?.m_Root?.m_element?.ownerDocument.defaultView ?? null;
+    const quickAccessWindow = getQuickAccessWindow();
     if (quickAccessWindow === null) {
       console.error('Could not get window of QuickAccess menu!');
       return;