From 1d1348a96d18a9c02a2de8dcbaf7c272c505d6ae Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Tue, 25 Mar 2025 23:15:45 -0700
Subject: [PATCH] Web and lightmode fixes

---
 src/screens/Settings/LabSettings/FeatureGateDialog.tsx | 10 ++++++++--
 src/screens/Settings/LabSettings/index.tsx             | 10 +++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/screens/Settings/LabSettings/FeatureGateDialog.tsx b/src/screens/Settings/LabSettings/FeatureGateDialog.tsx
index 9905cab6da..e75f7d2ed9 100644
--- a/src/screens/Settings/LabSettings/FeatureGateDialog.tsx
+++ b/src/screens/Settings/LabSettings/FeatureGateDialog.tsx
@@ -7,6 +7,7 @@ import {useLingui} from '@lingui/react'
 import {type Gate, useGateDescriptions} from '#/lib/statsig/gates'
 import {useGate, useSetLocalGateOverride} from '#/lib/statsig/statsig'
 import {logger} from '#/logger'
+import {isWeb} from '#/platform/detection'
 import {atoms as a, useTheme} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
@@ -49,7 +50,7 @@ export function FeatureGateDialog({
   const [isRestarting, setIsRestarting] = useState(false)
   const desc = descriptions[gate]
 
-  const onToggleGate = v => {
+  const onToggleGate = (v: boolean) => {
     setGateApi(gate, v)
     setEnabled(v)
   }
@@ -96,7 +97,12 @@ export function FeatureGateDialog({
               size="large"
               onPress={() => {
                 setIsRestarting(true)
-                Updates.reloadAsync()
+                if (isWeb) {
+                  /* @ts-ignore web only */
+                  navigation.reload()
+                } else {
+                  Updates.reloadAsync()
+                }
               }}
               label={_(msg`Restart to apply changes`)}
               disabled={isRestarting}>
diff --git a/src/screens/Settings/LabSettings/index.tsx b/src/screens/Settings/LabSettings/index.tsx
index f5446cb6f6..e1558e003f 100644
--- a/src/screens/Settings/LabSettings/index.tsx
+++ b/src/screens/Settings/LabSettings/index.tsx
@@ -67,7 +67,15 @@ function ExperimentButton({gate}: {gate: Gate}) {
           {descriptions[gate]?.title}
         </SettingsList.ItemText>
         <SettingsList.BadgeText
-          style={[a.flex_1, enabled && {color: t.palette.positive_400}]}>
+          style={[
+            a.flex_1,
+            enabled && {
+              color:
+                t.scheme === 'dark'
+                  ? t.palette.positive_400
+                  : t.palette.positive_600,
+            },
+          ]}>
           {enabled ? <Trans>Enabled</Trans> : <Trans>Disabled</Trans>}
         </SettingsList.BadgeText>
       </SettingsList.PressableItem>