diff --git a/src/components/bottomTabBar/view/bottomTabBarView.tsx b/src/components/bottomTabBar/view/bottomTabBarView.tsx index f88107ae76..6ca2d4b71b 100644 --- a/src/components/bottomTabBar/view/bottomTabBarView.tsx +++ b/src/components/bottomTabBar/view/bottomTabBarView.tsx @@ -1,5 +1,5 @@ import React, { useEffect } from 'react'; -import { View, TouchableOpacity, Platform } from 'react-native'; +import { View, TouchableOpacity } from 'react-native'; // Components // import TabBar from './tabbar'; @@ -9,6 +9,7 @@ import { useDispatch } from 'react-redux'; import { BottomTabBarProps } from '@react-navigation/bottom-tabs'; import { useIntl } from 'react-intl'; import { useSafeAreaInsets } from 'react-native-safe-area-context'; +import { isIphoneX } from 'react-native-iphone-x-helper'; import ROUTES from '../../../constants/routeNames'; // Styles @@ -17,7 +18,6 @@ import Icon, { IconContainer } from '../../icon'; import { showReplyModal, updateActiveBottomTab } from '../../../redux/actions/uiAction'; import { useAppSelector } from '../../../hooks'; import showLoginAlert from '../../../utils/showLoginAlert'; -import { isIphoneX } from 'react-native-iphone-x-helper'; const BottomTabBarView = ({ state: { routes, index }, @@ -93,9 +93,9 @@ const BottomTabBarView = ({ ); }); - const _bottomPadding = insets.bottom + (isIphoneX() ? 0 : 12) + const _bottomPadding = insets.bottom + (isIphoneX() ? 0 : 12); - return {_tabButtons}; + return {_tabButtons}; }; export default BottomTabBarView; diff --git a/src/components/header/view/headerStyles.ts b/src/components/header/view/headerStyles.ts index 2f4aeb30d9..d10461e40f 100644 --- a/src/components/header/view/headerStyles.ts +++ b/src/components/header/view/headerStyles.ts @@ -5,8 +5,8 @@ export default EStyleSheet.create({ flexDirection: 'row', width: '100%', backgroundColor: '$primaryBackgroundColor', - paddingTop:8, - paddingBottom:12, + paddingTop: 8, + paddingBottom: 12, }, containerReverse: { justifyContent: 'space-between', diff --git a/src/components/header/view/headerView.tsx b/src/components/header/view/headerView.tsx index eb7eac11dd..7696d87514 100644 --- a/src/components/header/view/headerView.tsx +++ b/src/components/header/view/headerView.tsx @@ -1,10 +1,11 @@ import React, { useState } from 'react'; -import { View, Text, TouchableOpacity} from 'react-native'; +import { View, Text, TouchableOpacity } from 'react-native'; import LinearGradient from 'react-native-linear-gradient'; import { useIntl } from 'react-intl'; // Components import { useNavigation } from '@react-navigation/native'; +import { SafeAreaView } from 'react-native-safe-area-context'; import { SearchModal } from '../../searchModal'; import { IconButton } from '../../iconButton'; import { UserAvatar } from '../../userAvatar'; @@ -14,7 +15,6 @@ import ROUTES from '../../../constants/routeNames'; // Styles import styles from './headerStyles'; -import { SafeAreaView } from 'react-native-safe-area-context'; const HeaderView = ({ displayName,