From d3d7b523bf11434236b316db5195ffc90471f67b Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Fri, 17 Nov 2023 18:35:51 +0200
Subject: [PATCH] refactor: usePWA

---
 src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js       | 4 ++--
 src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js | 4 ++--
 src/common/usePWA.js                                         | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js b/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
index 6cef15482..3f5b27c38 100644
--- a/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
+++ b/src/common/NavBar/HorizontalNavBar/HorizontalNavBar.js
@@ -18,7 +18,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto
         window.history.back();
     }, []);
     const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
-    const isPWA = usePWA();
+    const [isIOSPWA] = usePWA();
     const renderNavMenuLabel = React.useCallback(({ ref, className, onClick, children, }) => (
         <Button ref={ref} className={classnames(className, styles['button-container'], styles['menu-button-container'])} tabIndex={-1} onClick={onClick}>
             <Icon className={styles['icon']} name={'person-outline'} />
@@ -63,7 +63,7 @@ const HorizontalNavBar = React.memo(({ className, route, query, title, backButto
                         null
                 }
                 {
-                    !isPWA && fullscreenButton ?
+                    !isIOSPWA && fullscreenButton ?
                         <Button className={styles['button-container']} title={fullscreen ? t('EXIT_FULLSCREEN') : t('ENTER_FULLSCREEN')} tabIndex={-1} onClick={fullscreen ? exitFullscreen : requestFullscreen}>
                             <Icon className={styles['icon']} name={fullscreen ? 'minimize' : 'maximize'} />
                         </Button>
diff --git a/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js b/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js
index f3cebd999..25a647d33 100644
--- a/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js
+++ b/src/common/NavBar/HorizontalNavBar/NavMenu/NavMenuContent.js
@@ -20,7 +20,7 @@ const NavMenuContent = ({ onClick }) => {
     const profile = useProfile();
     const { createTorrentFromMagnet } = useTorrent();
     const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
-    const isPWA = usePWA();
+    const [isIOSPWA, isAndroidPWA] = usePWA();
     const logoutButtonOnClick = React.useCallback(() => {
         core.transport.dispatch({
             action: 'Ctx',
@@ -62,7 +62,7 @@ const NavMenuContent = ({ onClick }) => {
                 </div>
             </div>
             {
-                !isPWA ?
+                !isIOSPWA && !isAndroidPWA ?
                     <div className={styles['nav-menu-section']}>
                         <Button className={styles['nav-menu-option-container']} title={fullscreen ? t('EXIT_FULLSCREEN') : t('ENTER_FULLSCREEN')} onClick={fullscreen ? exitFullscreen : requestFullscreen}>
                             <Icon className={styles['icon']} name={fullscreen ? 'minimize' : 'maximize'} />
diff --git a/src/common/usePWA.js b/src/common/usePWA.js
index a3c3b23a1..a16eff432 100644
--- a/src/common/usePWA.js
+++ b/src/common/usePWA.js
@@ -6,7 +6,7 @@ const usePWA = () => {
     const isPWA = React.useMemo(() => {
         const isIOSPWA = window.navigator.standalone;
         const isAndroidPWA = window.matchMedia('(display-mode: standalone)').matches;
-        return isIOSPWA || isAndroidPWA;
+        return [isIOSPWA, isAndroidPWA];
     }, []);
     return isPWA;
 };