From 9dc0db3e06470cff4778e343a9637505e3047efb Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Wed, 15 Oct 2025 19:42:27 +0200
Subject: [PATCH] fix: always show App & Airplane Mode section regardless of
 PWA status

---
 src/components/Settings/PWASettings.tsx | 34 ++++++++++++-------------
 1 file changed, 16 insertions(+), 18 deletions(-)

diff --git a/src/components/Settings/PWASettings.tsx b/src/components/Settings/PWASettings.tsx
index 6b533630..c41d84bf 100644
--- a/src/components/Settings/PWASettings.tsx
+++ b/src/components/Settings/PWASettings.tsx
@@ -56,10 +56,6 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
     return () => clearInterval(interval)
   }, [])
 
-  if (!isInstallable && !isInstalled) {
-    return null
-  }
-
   return (
     <div className="settings-section">
       <h3 className="section-title">App & Airplane Mode</h3>
@@ -182,20 +178,22 @@ const PWASettings: React.FC<PWASettingsProps> = ({ settings, onUpdate, onClose }
             </label>
           </div>
 
-          <div className="setting-group">
-            <p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
-              Install Boris on your device for a native app experience.
-            </p>
-            <button
-              onClick={handleInstall}
-              className="zap-preset-btn"
-              style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}
-              disabled={isInstalled || !isInstallable}
-            >
-              <FontAwesomeIcon icon={isInstalled ? faCheckCircle : faDownload} />
-              {isInstalled ? 'Installed' : 'Install App'}
-            </button>
-          </div>
+          {(isInstallable || isInstalled) && (
+            <div className="setting-group">
+              <p className="setting-description" style={{ marginBottom: '1rem', color: 'var(--color-text-secondary)', fontSize: '0.875rem' }}>
+                Install Boris on your device for a native app experience.
+              </p>
+              <button
+                onClick={handleInstall}
+                className="zap-preset-btn"
+                style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}
+                disabled={isInstalled || !isInstallable}
+              >
+                <FontAwesomeIcon icon={isInstalled ? faCheckCircle : faDownload} />
+                {isInstalled ? 'Installed' : 'Install App'}
+              </button>
+            </div>
+          )}
         </div>
 
         {!isMobile && (