From 21c121d0625f93e7e365817c06dae74a939988c1 Mon Sep 17 00:00:00 2001
From: emergent-agent-e1 <github@emergent.sh>
Date: Sun, 9 Nov 2025 02:39:55 +0000
Subject: [PATCH] auto-commit for 424c0a07-b1e6-4d80-9e1f-035f3b582c25

---
 frontend/App.tsx | 53 ++++++++++++++++++++++++++++--------------------
 1 file changed, 31 insertions(+), 22 deletions(-)

diff --git a/frontend/App.tsx b/frontend/App.tsx
index ce9f9a13..fc7b0565 100644
--- a/frontend/App.tsx
+++ b/frontend/App.tsx
@@ -1,8 +1,10 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { StatusBar } from 'expo-status-bar';
 import { NavigationContainer } from '@react-navigation/native';
 import { createNativeStackNavigator } from '@react-navigation/native-stack';
 import { AuthProvider } from './src/contexts/AuthContext';
+import { ThemeProvider } from './src/contexts/ThemeContext';
+import { loadSavedLanguage } from './src/config/i18n';
 import LanguageScreen from './src/screens/LanguageScreen';
 import HumanVerificationScreen from './src/screens/HumanVerificationScreen';
 import AuthScreen from './src/screens/AuthScreen';
@@ -21,27 +23,34 @@ import LanguageSettingsScreen from './src/screens/LanguageSettingsScreen';
 const Stack = createNativeStackNavigator();
 
 export default function App() {
+  useEffect(() => {
+    // Load saved language on app start
+    loadSavedLanguage();
+  }, []);
+
   return (
-    <AuthProvider>
-      <NavigationContainer>
-        <StatusBar style="dark" />
-        <Stack.Navigator screenOptions={{ headerShown: false }}>
-          <Stack.Screen name="Language" component={LanguageScreen} />
-          <Stack.Screen name="HumanVerification" component={HumanVerificationScreen} />
-          <Stack.Screen name="Auth" component={AuthScreen} />
-          <Stack.Screen name="Home" component={HomeScreen} />
-          <Stack.Screen name="Notifications" component={NotificationsScreen} />
-          <Stack.Screen name="Settings" component={SettingsScreen} />
-          <Stack.Screen name="QRScanner" component={QRScannerScreen} />
-          <Stack.Screen name="EditProfile" component={EditProfileScreen} />
-          <Stack.Screen name="ChangePassword" component={ChangePasswordScreen} />
-          <Stack.Screen name="Terms" component={TermsScreen} />
-          <Stack.Screen name="Privacy" component={PrivacyScreen} />
-          <Stack.Screen name="Help" component={HelpScreen} />
-          <Stack.Screen name="WalletAddress" component={WalletAddressScreen} />
-          <Stack.Screen name="LanguageSettings" component={LanguageSettingsScreen} />
-        </Stack.Navigator>
-      </NavigationContainer>
-    </AuthProvider>
+    <ThemeProvider>
+      <AuthProvider>
+        <NavigationContainer>
+          <StatusBar style="auto" />
+          <Stack.Navigator screenOptions={{ headerShown: false }}>
+            <Stack.Screen name="Language" component={LanguageScreen} />
+            <Stack.Screen name="HumanVerification" component={HumanVerificationScreen} />
+            <Stack.Screen name="Auth" component={AuthScreen} />
+            <Stack.Screen name="Home" component={HomeScreen} />
+            <Stack.Screen name="Notifications" component={NotificationsScreen} />
+            <Stack.Screen name="Settings" component={SettingsScreen} />
+            <Stack.Screen name="QRScanner" component={QRScannerScreen} />
+            <Stack.Screen name="EditProfile" component={EditProfileScreen} />
+            <Stack.Screen name="ChangePassword" component={ChangePasswordScreen} />
+            <Stack.Screen name="Terms" component={TermsScreen} />
+            <Stack.Screen name="Privacy" component={PrivacyScreen} />
+            <Stack.Screen name="Help" component={HelpScreen} />
+            <Stack.Screen name="WalletAddress" component={WalletAddressScreen} />
+            <Stack.Screen name="LanguageSettings" component={LanguageSettingsScreen} />
+          </Stack.Navigator>
+        </NavigationContainer>
+      </AuthProvider>
+    </ThemeProvider>
   );
 }