fix nav position in nostr screen

cashubtc · Feb 8, 2024 · a7a0031 · a7a0031
1 parent 6791b83
commit a7a0031
Showing 1 changed file with 51 additions and 53 deletions.
diff --git a/src/components/nav/BottomNav.tsx b/src/components/nav/BottomNav.tsx
@@ -9,7 +9,7 @@ import { STORE_KEYS } from '@store/consts'
 import { highlight as hi } from '@styles'
 import { isStr } from '@util'
 import { useTranslation } from 'react-i18next'
-import { SafeAreaView, TouchableOpacity, View } from 'react-native'
+import { TouchableOpacity, View } from 'react-native'
 import { s, ScaledSheet, vs } from 'react-native-size-matters'
 
 export default function BottomNav({ navigation, route }: TBottomNavProps) {
@@ -37,58 +37,56 @@ export default function BottomNav({ navigation, route }: TBottomNavProps) {
 		route.name === 'Contacts settings'
 
 	return (
-		<SafeAreaView>
-			<View
-				style={[
-					styles.bottomNav,
-					{ paddingBottom: isIOS ? vs(25) : vs(10) },
-				]}>
-				<TouchableOpacity
-					style={styles.navIcon}
-					onPress={() => void handleNav('dashboard')}
-					disabled={isWalletRelatedScreen}
-				>
-					<WalletIcon width={s(26)} height={s(26)} color={isWalletRelatedScreen ? hi[highlight] : color.TEXT} />
-					<Txt
-						txt={t('wallet', { ns: NS.bottomNav })}
-						styles={[styles.iconTxt, {
-							color: isWalletRelatedScreen ? hi[highlight] : color.TEXT,
-							fontWeight: isWalletRelatedScreen ? '500' : '400'
-						}]}
-					/>
-				</TouchableOpacity>
-				<TouchableOpacity
-					style={styles.navIcon}
-					onPress={() => void handleNav('Address book')}
-					disabled={route.name === 'Address book'}
-				>
-					<BookIcon width={s(26)} height={s(26)} color={route.name === 'Address book' ? hi[highlight] : color.TEXT} />
-					<Txt
-						txt={t('contacts', { ns: NS.bottomNav })}
-						styles={[
-							styles.iconTxt, {
-								color: route.name === 'Address book' ? hi[highlight] : color.TEXT,
-								fontWeight: route.name === 'Address book' ? '500' : '400'
-							}
-						]}
-					/>
-				</TouchableOpacity>
-				<TouchableOpacity
-					style={styles.navIcon}
-					onPress={() => void handleNav('Settings')}
-					disabled={isSettingsRelatedScreen}
-				>
-					<SettingsIcon width={s(26)} height={s(26)} color={isSettingsRelatedScreen ? hi[highlight] : color.TEXT} />
-					<Txt
-						txt={t('settings')}
-						styles={[styles.iconTxt, {
-							color: isSettingsRelatedScreen ? hi[highlight] : color.TEXT,
-							fontWeight: isSettingsRelatedScreen ? '500' : '400'
-						}]}
-					/>
-				</TouchableOpacity>
-			</View>
-		</SafeAreaView>
+		<View
+			style={[
+				styles.bottomNav,
+				{ paddingBottom: isIOS ? vs(25) : vs(10) },
+			]}>
+			<TouchableOpacity
+				style={styles.navIcon}
+				onPress={() => void handleNav('dashboard')}
+				disabled={isWalletRelatedScreen}
+			>
+				<WalletIcon width={s(26)} height={s(26)} color={isWalletRelatedScreen ? hi[highlight] : color.TEXT} />
+				<Txt
+					txt={t('wallet', { ns: NS.bottomNav })}
+					styles={[styles.iconTxt, {
+						color: isWalletRelatedScreen ? hi[highlight] : color.TEXT,
+						fontWeight: isWalletRelatedScreen ? '500' : '400'
+					}]}
+				/>
+			</TouchableOpacity>
+			<TouchableOpacity
+				style={styles.navIcon}
+				onPress={() => void handleNav('Address book')}
+				disabled={route.name === 'Address book'}
+			>
+				<BookIcon width={s(26)} height={s(26)} color={route.name === 'Address book' ? hi[highlight] : color.TEXT} />
+				<Txt
+					txt={t('contacts', { ns: NS.bottomNav })}
+					styles={[
+						styles.iconTxt, {
+							color: route.name === 'Address book' ? hi[highlight] : color.TEXT,
+							fontWeight: route.name === 'Address book' ? '500' : '400'
+						}
+					]}
+				/>
+			</TouchableOpacity>
+			<TouchableOpacity
+				style={styles.navIcon}
+				onPress={() => void handleNav('Settings')}
+				disabled={isSettingsRelatedScreen}
+			>
+				<SettingsIcon width={s(26)} height={s(26)} color={isSettingsRelatedScreen ? hi[highlight] : color.TEXT} />
+				<Txt
+					txt={t('settings')}
+					styles={[styles.iconTxt, {
+						color: isSettingsRelatedScreen ? hi[highlight] : color.TEXT,
+						fontWeight: isSettingsRelatedScreen ? '500' : '400'
+					}]}
+				/>
+			</TouchableOpacity>
+		</View>
 	)
 }