From fdc53eee79fdb5033b9ab46e6969917f6cd59bb0 Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sun, 1 Feb 2026 15:59:11 +0000
Subject: fix(mobile): fix some mobile warning after expo 54 upgrade

---
 apps/mobile/lib/settings.ts        |  7 +++++++
 apps/mobile/lib/useColorScheme.tsx | 12 +++---------
 2 files changed, 10 insertions(+), 9 deletions(-)

(limited to 'apps/mobile/lib')

diff --git a/apps/mobile/lib/settings.ts b/apps/mobile/lib/settings.ts
index 745c778d..8da1d33d 100644
--- a/apps/mobile/lib/settings.ts
+++ b/apps/mobile/lib/settings.ts
@@ -1,3 +1,4 @@
+import { useEffect } from "react";
 import * as SecureStore from "expo-secure-store";
 import { z } from "zod";
 import { create } from "zustand";
@@ -77,6 +78,12 @@ const useSettings = create<AppSettingsState>((set, get) => ({
 export default function useAppSettings() {
   const { settings, setSettings, load } = useSettings();
 
+  useEffect(() => {
+    if (settings.isLoading) {
+      load();
+    }
+  }, [load, settings.isLoading]);
+
   return { ...settings, setSettings, load };
 }
 
diff --git a/apps/mobile/lib/useColorScheme.tsx b/apps/mobile/lib/useColorScheme.tsx
index a00a445d..40e7ad53 100644
--- a/apps/mobile/lib/useColorScheme.tsx
+++ b/apps/mobile/lib/useColorScheme.tsx
@@ -46,13 +46,7 @@ function useInitialAndroidBarSync() {
 export { useColorScheme, useInitialAndroidBarSync };
 
 function setNavigationBar(colorScheme: "light" | "dark") {
-  return Promise.all([
-    NavigationBar.setButtonStyleAsync(
-      colorScheme === "dark" ? "light" : "dark",
-    ),
-    NavigationBar.setPositionAsync("absolute"),
-    NavigationBar.setBackgroundColorAsync(
-      colorScheme === "dark" ? "#00000030" : "#ffffff80",
-    ),
-  ]);
+  return NavigationBar.setButtonStyleAsync(
+    colorScheme === "dark" ? "light" : "dark",
+  );
 }
-- 
cgit v1.2.3-70-g09d2