chore: implement google play suggestions (#997)

* google play suggestions

* update gitguardian ignore

* remove unused

app/src/navigation/home.ts

@@ -6,7 +6,6 @@ import { lazy } from 'react';
 import type { NativeStackNavigationOptions } from '@react-navigation/native-stack';
 
 import { HomeNavBar } from '@/components/NavBar';
-import { black } from '@/utils/colors';
 
 const DisclaimerScreen = lazy(() => import('@/screens/home/DisclaimerScreen'));
 const HomeScreen = lazy(() => import('@/screens/home/HomeScreen'));
@@ -29,7 +28,6 @@ const homeScreens = {
     options: {
       title: 'Self',
       header: HomeNavBar,
-      navigationBarColor: black,
       presentation: 'card',
     } as NativeStackNavigationOptions,
   },
@@ -37,7 +35,6 @@ const homeScreens = {
     screen: ProofHistoryScreen,
     options: {
       title: 'Approved Requests',
-      navigationBarColor: black,
       headerBackTitle: 'close',
     },
   },

app/src/navigation/index.tsx

@@ -24,7 +24,6 @@ import recoveryScreens from '@/navigation/recovery';
 import settingsScreens from '@/navigation/settings';
 import systemScreens from '@/navigation/system';
 import analytics from '@/utils/analytics';
-import { white } from '@/utils/colors';
 import { setupUniversalLinkListenerInNavigation } from '@/utils/deeplinks';
 
 export const navigationScreens = {
@@ -43,7 +42,6 @@ const AppNavigation = createNativeStackNavigator({
   initialRouteName: Platform.OS === 'web' ? 'Home' : 'Splash',
   screenOptions: {
     header: DefaultNavBar,
-    navigationBarColor: white,
   },
   layout: AppLayout,
   screens: navigationScreens,

app/src/navigation/settings.ts

@@ -66,7 +66,6 @@ const settingsScreens = {
       headerTitleStyle: {
         color: black,
       },
-      navigationBarColor: black,
     } as NativeStackNavigationOptions,
     config: {
       screens: {},

app/src/navigation/settings.web.ts

@@ -48,7 +48,6 @@ const settingsScreens = {
       headerTitleStyle: {
         color: black,
       },
-      navigationBarColor: black,
     } as NativeStackNavigationOptions,
     config: {
       screens: {},

app/src/navigation/system.tsx

@@ -10,7 +10,6 @@ import type { NativeStackNavigationOptions } from '@react-navigation/native-stac
 // This is because it's used as a fallback for the Suspense boundary in the root navigator,
 // ensuring it's immediately available at startup.
 import SplashScreen from '@/screens/system/SplashScreen';
-import { black } from '@/utils/colors';
 
 const LaunchScreen = lazy(() => import('@/screens/system/LaunchScreen'));
 const LoadingScreen = lazy(() => import('@/screens/system/Loading'));
@@ -24,14 +23,12 @@ const systemScreens = {
     screen: LaunchScreen,
     options: {
       header: () => <SystemBars style="light" />,
-      navigationBarColor: black,
     },
   },
   Loading: {
     screen: LoadingScreen,
     options: {
       headerShown: false,
-      navigationBarColor: black,
     } as NativeStackNavigationOptions,
   },
   Modal: {
@@ -54,7 +51,6 @@ const systemScreens = {
     screen: SplashScreen,
     options: {
       header: () => <SystemBars style="light" />,
-      navigationBarColor: black,
     },
   },
 };