update icon

src/assets/images.js

@@ -69,6 +69,22 @@ const images = {
   bg_cannot_connect: require('./images/bg_cannot_connect.png'),
   iconDown: require('./images/iconDown.png'),
   iconUp: require('./images/iconUp.png'),
+
+  iconProfile: require('./images/iconProfile.png'),
+  iconSupport: require('./images/iconSupport.png'),
+
+  iconGroup: require('./images/iconGroup.png'),
+  iconContractMenu: require('./images/iconContractMenu.png'),
+
+  iconDepositMenu: require('./images/iconDepositMenu.png'),
+  iconWithdrawMenu: require('./images/iconWithdrawMenu.png'),
+
+  iconRoseMenu: require('./images/iconRoseMenu.png'),
+  iconTransaction: require('./images/iconTransaction.png'),
+  iconChartMenu: require('./images/iconChartMenu.png'),
+
+  iconHistoryMenu: require('./images/iconHistoryMenu1.png'),
+  iconProfileMenu: require('./images/iconProfileMenu.png'),
 };
 
 export default images;

src/components/Header/Drawer.js

@@ -39,14 +39,14 @@ const menus = [
   {
     id: '1',
     title: 'Profile',
-    icon: R.images.iconUserCheck,
+    icon: R.images.iconProfile,
     screen: AccountVerification,
     active: false,
     children: [
       {
         id: '11',
         title: 'MyProfile',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconProfileMenu,
         screen: PROFILE,
       },
       {
@@ -58,19 +58,19 @@ const menus = [
       {
         id: '15',
         title: 'MyPartner',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconGroup,
         screen: MYGROUP,
       },
       {
         id: '13',
         title: 'Payments',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconContract,
         screen: PAYMENTS,
       },
       {
         id: '14',
         title: 'Contract',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconContractMenu,
         screen: CONTRACT,
       },
     ],
@@ -78,32 +78,32 @@ const menus = [
   {
     id: '6',
     title: 'Finance',
-    icon: R.images.iconContract,
+    icon: R.images.iconChartMenu,
     screen: CONTRACT,
     active: false,
     children: [
       {
         id: '61',
         title: 'Deposit',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconDepositMenu,
         screen: CHOOSEMETHOD,
       },
       {
         id: '62',
         title: 'Withdraw',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconWithdrawMenu,
         screen: WITHDRAW,
       },
       {
         id: '63',
         title: 'Rose',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconRoseMenu,
         screen: ROSE,
       },
       {
         id: '64',
         title: 'History',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconHistoryMenu,
         screen: HISTORY,
       },
     ],
@@ -111,7 +111,7 @@ const menus = [
   {
     id: '8',
     title: 'Support',
-    icon: R.images.iconContract,
+    icon: R.images.iconSupport,
     screen: CONTRACT,
     active: false,
     children: [
@@ -124,13 +124,13 @@ const menus = [
       {
         id: '82',
         title: 'Feedback',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconMess,
         screen: FEEDBACK,
       },
       {
         id: '83',
         title: 'LegalDocument',
-        icon: R.images.iconUserCheck,
+        icon: R.images.iconPaper,
         screen: LEGALDOCUMENT,
       },
     ],
@@ -179,7 +179,7 @@ const Drawer = (props) => {
       </View>
       <ScrollView showsVerticalScrollIndicator={false} style={styles.body}>
         {listMenu.map((e) => (
-          <View>
+          <View key={e.id}>
             <TouchableOpacity
               onPress={() => {
                 if (e.children) {

src/routers/TabNavigation.js

@@ -3,6 +3,7 @@ import {View, Text} from 'react-native';
 import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import Icon from 'react-native-vector-icons/FontAwesome5';
 import Ionicons from 'react-native-vector-icons/Ionicons';
+import FontAwesome from 'react-native-vector-icons/FontAwesome';
 
 import Home from '../Screens/Home/Home';
 import {connect} from 'react-redux';
@@ -86,7 +87,7 @@ const TabNavigator = (props) => {
           options={{
             tabBarLabel: I18n.t('Tradding'),
             tabBarIcon: ({color, size}) => (
-              <Icon name="user-tie" size={size} color={color} />
+              <FontAwesome name="line-chart" size={size} color={color} />
             ),
           }}
         />