@@ -8,10 +8,10 @@ import { useTranslation } from 'react-i18next';
88import { StyleSheet , View } from 'react-native' ;
99
1010import AppStatus from '../../components/AppStatus' ;
11- import GradientView from '../../components/GradientView' ;
1211import { useAppSelector } from '../../hooks/redux' ;
1312import { shopIntroSeenSelector } from '../../store/reselect/settings' ;
1413import colors from '../../styles/colors' ;
14+ import { View as ThemedView } from '../../styles/components' ;
1515import { Pressable } from '../../styles/components' ;
1616import {
1717 ActivityIcon ,
@@ -55,45 +55,45 @@ const DrawerContent = (props: DrawerContentComponentProps): ReactElement => {
5555 const shopIntroSeen = useAppSelector ( shopIntroSeenSelector ) ;
5656
5757 return (
58- < GradientView style = { [ styles . drawer ] } >
58+ < ThemedView style = { [ styles . drawer ] } color = "brand" >
5959 < DrawerContentScrollView
6060 contentContainerStyle = { styles . drawerContent }
6161 bounces = { false }
6262 { ...props } >
6363 < DrawerItem
64- icon = { < CoinsIcon color = "brand " width = { 24 } height = { 24 } /> }
64+ icon = { < CoinsIcon color = "white " width = { 24 } height = { 24 } /> }
6565 label = { t ( 'drawer.wallet' ) }
6666 testID = "DrawerWallet"
6767 onPress = { ( ) => navigation . navigate ( 'Wallet' ) }
6868 />
6969 < DrawerItem
70- icon = { < ActivityIcon color = "brand " width = { 24 } height = { 24 } /> }
70+ icon = { < ActivityIcon color = "white " width = { 24 } height = { 24 } /> }
7171 label = { t ( 'drawer.activity' ) }
7272 testID = "DrawerActivity"
7373 onPress = { ( ) => {
7474 navigation . navigate ( 'Wallet' , { screen : 'ActivityFiltered' } ) ;
7575 } }
7676 />
7777 < DrawerItem
78- icon = { < UsersIcon color = "brand " width = { 24 } height = { 24 } /> }
78+ icon = { < UsersIcon color = "white " width = { 24 } height = { 24 } /> }
7979 label = { t ( 'drawer.contacts' ) }
8080 testID = "DrawerContacts"
8181 onPress = { ( ) => navigation . navigate ( 'Contacts' ) }
8282 />
8383 < DrawerItem
84- icon = { < UserSquareIcon color = "brand " width = { 24 } height = { 24 } /> }
84+ icon = { < UserSquareIcon color = "white " width = { 24 } height = { 24 } /> }
8585 label = { t ( 'drawer.profile' ) }
8686 testID = "DrawerProfile"
8787 onPress = { ( ) => navigation . navigate ( 'Profile' ) }
8888 />
8989 < DrawerItem
90- icon = { < StackIcon color = "brand " width = { 24 } height = { 24 } /> }
90+ icon = { < StackIcon color = "white " width = { 24 } height = { 24 } /> }
9191 label = { t ( 'drawer.widgets' ) }
9292 testID = "DrawerWidgets"
9393 onPress = { ( ) => navigation . navigate ( 'WidgetsSuggestions' ) }
9494 />
9595 < DrawerItem
96- icon = { < StorefrontIcon color = "brand " width = { 24 } height = { 24 } /> }
96+ icon = { < StorefrontIcon color = "white " width = { 24 } height = { 24 } /> }
9797 label = { t ( 'drawer.shop' ) }
9898 testID = "DrawerShop"
9999 onPress = { ( ) => {
@@ -105,7 +105,7 @@ const DrawerContent = (props: DrawerContentComponentProps): ReactElement => {
105105 } }
106106 />
107107 < DrawerItem
108- icon = { < SettingsIcon color = "brand " width = { 24 } height = { 24 } /> }
108+ icon = { < SettingsIcon color = "white " width = { 24 } height = { 24 } /> }
109109 label = { t ( 'drawer.settings' ) }
110110 testID = "DrawerSettings"
111111 onPress = { ( ) => {
@@ -117,13 +117,14 @@ const DrawerContent = (props: DrawerContentComponentProps): ReactElement => {
117117 style = { styles . appStatus }
118118 showText = { true }
119119 showReady = { true }
120+ color = "black"
120121 testID = "DrawerAppStatus"
121122 onPress = { ( ) => {
122123 navigation . navigate ( 'Settings' , { screen : 'AppStatus' } ) ;
123124 } }
124125 />
125126 </ DrawerContentScrollView >
126- </ GradientView >
127+ </ ThemedView >
127128 ) ;
128129} ;
129130
0 commit comments