verify account

ios/Invest.xcodeproj/project.pbxproj

@@ -902,7 +902,7 @@
 				);
 				INFOPLIST_FILE = Invest/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.3;
+				MARKETING_VERSION = 1.4;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -930,7 +930,7 @@
 				DEVELOPMENT_TEAM = MXZ24GRH48;
 				INFOPLIST_FILE = Invest/Info.plist;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
-				MARKETING_VERSION = 1.3;
+				MARKETING_VERSION = 1.4;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",

ios/Invest/Info.plist

@@ -2,6 +2,10 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
+	<key>BGTaskSchedulerPermittedIdentifiers</key>
+	<array>
+		<string>dcv.investcustomer.vn</string>
+	</array>
 	<key>CFBundleDevelopmentRegion</key>
 	<string>en</string>
 	<key>CFBundleDisplayName</key>
@@ -38,7 +42,7 @@
 		</dict>
 	</dict>
 	<key>NSLocationWhenInUseUsageDescription</key>
-	<string/>
+	<string></string>
 	<key>NSPhotoLibraryUsageDescription</key>
 	<string>To upload images</string>
 	<key>UIAppFonts</key>
@@ -71,10 +75,6 @@
 	<array>
 		<string>UIInterfaceOrientationPortrait</string>
 	</array>
-	<key>BGTaskSchedulerPermittedIdentifiers</key>
-	<array>
-		<string>dcv.investcustomer.vn</string>
-	</array>
 	<key>UIViewControllerBasedStatusBarAppearance</key>
 	<false/>
 </dict>

ios/Podfile.lock

@@ -388,6 +388,8 @@ PODS:
     - ReactCommon/callinvoker (= 0.62.2)
   - RNCAsyncStorage (1.12.1):
     - React-Core
+  - RNCClipboard (1.7.0):
+    - React-Core
   - RNCMaskedView (0.1.10):
     - React
   - RNFirebase (5.6.0):
@@ -475,6 +477,7 @@ DEPENDENCIES:
   - ReactCommon/callinvoker (from `../node_modules/react-native/ReactCommon`)
   - ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
   - "RNCAsyncStorage (from `../node_modules/@react-native-community/async-storage`)"
+  - "RNCClipboard (from `../node_modules/@react-native-clipboard/clipboard`)"
   - "RNCMaskedView (from `../node_modules/@react-native-community/masked-view`)"
   - RNFirebase (from `../node_modules/react-native-firebase/ios`)
   - RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
@@ -574,6 +577,8 @@ EXTERNAL SOURCES:
     :path: "../node_modules/react-native/ReactCommon"
   RNCAsyncStorage:
     :path: "../node_modules/@react-native-community/async-storage"
+  RNCClipboard:
+    :path: "../node_modules/@react-native-clipboard/clipboard"
   RNCMaskedView:
     :path: "../node_modules/@react-native-community/masked-view"
   RNFirebase:
@@ -648,6 +653,7 @@ SPEC CHECKSUMS:
   React-RCTVibration: 4356114dbcba4ce66991096e51a66e61eda51256
   ReactCommon: ed4e11d27609d571e7eee8b65548efc191116eb3
   RNCAsyncStorage: b03032fdbdb725bea0bd9e5ec5a7272865ae7398
+  RNCClipboard: 245417a78ab585e0d4d83926c28907e7b2bc24bd
   RNCMaskedView: 5a8ec07677aa885546a0d98da336457e2bea557f
   RNFirebase: 37daa9a346d070f9f6ee1f3b4aaf4c8e3b1d5d1c
   RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
@@ -659,6 +665,6 @@ SPEC CHECKSUMS:
   Yoga: 3ebccbdd559724312790e7742142d062476b698e
   YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
 
-PODFILE CHECKSUM: 2aa97f909c94cc3768d9dc69401b7c62cac7d757
+PODFILE CHECKSUM: 6c1aab2c5d54fffaeb8b43c847c486a421cbfebc
 
 COCOAPODS: 1.10.1

package.json

@@ -10,6 +10,7 @@
     "lint": "eslint ."
   },
   "dependencies": {
+    "@react-native-clipboard/clipboard": "^1.7.0",
     "@react-native-community/async-storage": "^1.12.1",
     "@react-native-community/masked-view": "^0.1.10",
     "@react-navigation/bottom-tabs": "^5.11.7",

src/Config/Functions.js

@@ -234,8 +234,8 @@ export const convertDate = (date) => {
 };
 
 export const convertTime = (date) => {
-  const time = moment(date).format('DD/MM/YYYY HH:mm');
-  return time.substring(11, 16);
+  const time = moment(date).format('YYYY-MM-DD');
+  return time;
 };
 
 export const getTimeDDMM = (time) => {

src/Screens/AccountVerification/AccountVerificationView.js

@@ -16,11 +16,6 @@ const Tab = createMaterialTopTabNavigator();
 
 const AccountVerificationView = (props) => {
   return (
-    <KeyboardAvoidingView
-      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
-      style={{flex: 1}}
-      keyboardVerticalOffset={-50}>
-      <ScrollView showsVerticalScrollIndicator={false}>
     <View style={{flex: 1}}>
       <HeaderBack isWhite={true} title={'Xác minh tài khoản'} />
       <Tab.Navigator
@@ -49,8 +44,6 @@ const AccountVerificationView = (props) => {
         />
       </Tab.Navigator>
     </View>
-      </ScrollView>
-    </KeyboardAvoidingView>
   );
 };
 

src/Screens/AccountVerification/Tab/BankInfor.js

-import React from 'react';
-import {View, Text, TouchableOpacity, Image, StyleSheet} from 'react-native';
+import React, {useState} from 'react';
+import {
+  View,
+  Text,
+  TouchableOpacity,
+  Image,
+  StyleSheet,
+  KeyboardAvoidingView,
+  ScrollView,
+  Platform,
+  Dimensions,
+  Alert,
+} from 'react-native';
 import TextField from '../../../components/Input/TextField';
 import TextMulti from '../../../components/Input/TextMulti';
-
+import {checkFormatArray, getFontXD} from '../../../Config/Functions';
 import PickerDate from '../../../components/Picker/PickerDate';
 import R from '../../../assets/R';
 import Button from '../../../components/Button';
+import PickerItem from '../../../components/Picker/PickerItem';
+import {verifyAccountApi} from '../../../apis/Functions/users';
+const {width} = Dimensions.get('window');
+const dataType = [
+  {
+    value: '0',
+    name: 'Tài khoản ngân hàng',
+  },
+  {
+    value: '1',
+    name: 'Tài khoản thẻ',
+  },
+];
 
 const BankInfor = (props) => {
-  console.log(props.route.params);
+  const [type, setType] = useState();
+  const [acc_type, setAccType] = useState('');
+  const [account_no, setAccountNo] = useState('');
+
+  const createFormData = (identity_after, identity_before, sign_img, body) => {
+    const data = new FormData();
+    console.log(identity_after);
+
+    data.append('identity_after', {
+      name: 'identity_after.jpg',
+      type: 'image/jpg',
+      uri:
+        Platform.OS === 'android'
+          ? identity_after
+          : identity_after.replace('file://', ''),
+    });
+
+    data.append('identity_before', {
+      name: 'identity_before.jpg',
+      type: 'image/jpg',
+      uri:
+        Platform.OS === 'android'
+          ? identity_before
+          : identity_before.replace('file://', ''),
+    });
+
+    data.append('sign_image', {
+      name: 'sign_img.jpg',
+      type: 'image/jpg',
+      uri:
+        Platform.OS === 'android' ? sign_img : sign_img.replace('file://', ''),
+    });
+
+    Object.keys(body).forEach((key) => {
+      data.append(key, body[key]);
+    });
+    return data;
+  };
+
+  const onPress = async () => {
+    const titles = ['loại thẻ', 'mã ngân hàng', 'số thẻ/tài khoản'];
+    const index = checkFormatArray([type, acc_type, account_no]);
+    console.log(props.route.params.body);
+    if (index === true) {
+      const data = createFormData(
+        props.route.params.img.urlBack,
+        props.route.params.img.urlFont,
+        props.route.params.img.urlSign,
+        {
+          uid: 17,
+          acc_type: 0,
+          account_no: '123465789',
+          bank_no: '970423',
+          ...props.route.params.body,
+        },
+      );
+      const res = await verifyAccountApi(data);
+
+      console.log('Response', res.data);
+    } else {
+      Alert.alert('Vui lòng điền ' + titles[index]);
+    }
+  };
 
   return (
+    <KeyboardAvoidingView
+      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
+      style={{flex: 1}}
+      keyboardVerticalOffset={-50}>
+      <ScrollView showsVerticalScrollIndicator={false}>
         <View
           style={{
             flex: 1,
             paddingHorizontal: 10,
             paddingTop: 10,
           }}>
-      <TextField title={'Loại thẻ'} onChangeText={(val) => console.log(val)} />
-      <TextField title={'Số thẻ'} onChangeText={(val) => console.log(val)} />
-      <PickerDate title={'Ngày cấp'} />
+          <Text
+            style={{
+              fontSize: getFontXD(42),
+              color: R.colors.color777,
+            }}>
+            Loại thẻ
+          </Text>
+          <PickerItem
+            width={width - 20}
+            data={dataType}
+            onValueChange={(value, items) => {
+              setType(items);
+            }}
+          />
+          <TextField
+            isNumber={true}
+            title={'Mã ngân hàng'}
+            onChangeText={(val) => setAccType(val)}
+          />
+          <TextField
+            title={'Số thẻ/tài khoản'}
+            isNumber={true}
+            onChangeText={(val) => setAccountNo(val)}
+          />
 
           <View style={styles.btnSend}>
-        <Button title={'Xác minh'} />
+            <Button title={'Xác minh'} onClick={onPress} />
           </View>
         </View>
+      </ScrollView>
+    </KeyboardAvoidingView>
   );
 };
 

src/Screens/AccountVerification/Tab/GeneralInfor.js

@@ -6,6 +6,9 @@ import {
   TouchableOpacity,
   StyleSheet,
   Alert,
+  KeyboardAvoidingView,
+  ScrollView,
+  Platform,
 } from 'react-native';
 import R from '../../../assets/R';
 
@@ -14,30 +17,29 @@ import TextMulti from '../../../components/Input/TextMulti';
 import PickerDate from '../../../components/Picker/PickerDate';
 import PickerImg from '../../../components/Picker/PickerImg';
 
-import {checkFormatArray} from '../../../Config/Functions';
+import {checkFormatArray, convertTime} from '../../../Config/Functions';
 
 const GeneralInfor = (props) => {
-  const [email, setEmail] = useState('');
-  const [sponsorID, setSponsorID] = useState('');
   const [lastName, setLastName] = useState('');
   const [firstName, setFirstName] = useState('');
+  const [email, setEmail] = useState('');
+
   const [phone, setPhone] = useState('');
-  const [adress, setAdress] = useState('');
+  const [address, setAdress] = useState('');
   const [birth, setBirth] = useState(new Date());
 
   const onNextPress = () => {
-    const titles = ['email', 'tên', 'họ', 'số điện thoại', 'địa chỉ'];
-    const index = checkFormatArray([email, lastName, firstName, phone, adress]);
-    console.log(props);
+    const titles = ['tên', 'họ', 'số điện thoại', 'địa chỉ'];
+    const index = checkFormatArray([lastName, firstName, phone, address]);
+
     if (index === true) {
       props.navigation.navigate('Profile', {
+        l_name: lastName,
+        f_name: firstName,
+        mobile: phone,
+        birthday: convertTime(birth),
+        address,
         email,
-        lastName,
-        firstName,
-        phone,
-        adress,
-        sponsorID,
-        birth,
       });
     } else {
       Alert.alert('Vui lòng điền ' + titles[index]);
@@ -45,22 +47,30 @@ const GeneralInfor = (props) => {
   };
 
   return (
+    <KeyboardAvoidingView
+      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
+      style={{flex: 1}}
+      keyboardVerticalOffset={-50}>
+      <ScrollView showsVerticalScrollIndicator={false}>
         <View style={{flex: 1, paddingHorizontal: 10, paddingTop: 10}}>
           <TextField title={'Email'} onChangeText={(val) => setEmail(val)} />
-      <TextField
-        title={'Sponsor ID'}
-        onChangeText={(val) => setSponsorID(val)}
-      />
           <View style={{flexDirection: 'row'}}>
             <View style={{flex: 1}}>
-          <TextField title={'Tên'} onChangeText={(val) => setLastName(val)} />
+              <TextField
+                title={'Tên'}
+                onChangeText={(val) => setLastName(val)}
+              />
             </View>
             <View style={{width: 20}} />
             <View style={{flex: 1}}>
-          <TextField title={'Họ'} onChangeText={(val) => setFirstName(val)} />
+              <TextField
+                title={'Họ'}
+                onChangeText={(val) => setFirstName(val)}
+              />
             </View>
           </View>
           <TextField
+            isNumber={true}
             title={'Số điện thoại'}
             onChangeText={(val) => setPhone(val)}
           />
@@ -72,10 +82,15 @@ const GeneralInfor = (props) => {
 
           <TextMulti title={'Địa chỉ'} onChangeText={(val) => setAdress(val)} />
           <TouchableOpacity onPress={onNextPress} style={styles.btnNext}>
-        <Image style={{width: 30, height: 30}} source={R.images.iconRight1} />
+            <Image
+              style={{width: 30, height: 30}}
+              source={R.images.iconRight1}
+            />
           </TouchableOpacity>
           <View style={{height: 100}} />
         </View>
+      </ScrollView>
+    </KeyboardAvoidingView>
   );
 };
 

src/Screens/AccountVerification/Tab/Profile.js

@@ -6,40 +6,112 @@ import {
   Image,
   StyleSheet,
   Alert,
+  KeyboardAvoidingView,
+  ScrollView,
+  Platform,
+  Dimensions,
 } from 'react-native';
 import PickerImgUni from '../../../components/Picker/PickerImgUni';
 import R from '../../../assets/R';
+import TextField from '../../../components/Input/TextField';
+import {
+  checkFormatArray,
+  getFontXD,
+  convertTime,
+} from '../../../Config/Functions';
+import PickerDate from '../../../components/Picker/PickerDate';
+import PickerItem from '../../../components/Picker/PickerItem';
+const {width} = Dimensions.get('window');
 
-import {checkFormatArray} from '../../../Config/Functions';
+const dataType = [
+  {
+    value: '1',
+    name: 'Chứng minh nhân dân',
+  },
+  {
+    value: '2',
+    name: 'Hộ chiếu',
+  },
+  {
+    value: '3',
+    name: 'Căn cước công dân',
+  },
+];
 
 const Profile = (props) => {
   const [urlFont, setUrlFont] = useState('');
   const [urlBack, setUrlBack] = useState('');
   const [urlSign, setUrlSign] = useState('');
+  const [cmnd, setCMND] = useState('');
+  const [date_range, setDate_range] = useState(new Date());
+  const [type, setType] = useState();
 
   const onNextPress = () => {
-    const titles = ['CNND mặt trước', 'CMND mặt sau', 'chữ ký'];
-    const index = checkFormatArray([urlFont, urlBack, urlSign]);
+    const titles = [
+      'loại thẻ',
+      'số thẻ',
+      'ảnh CNND mặt trước',
+      'ảnh CMND mặt sau',
+      'ảnh chữ ký',
+    ];
+    const index = checkFormatArray([type, cmnd, urlFont, urlBack, urlSign]);
 
     if (index === true) {
       props.navigation.navigate('BankInfor', {
+        body: {
+          cmnd,
+          card_type: type.value,
+          date_range: convertTime(date_range),
+          ...props.route.params,
+        },
+        img: {
           urlFont,
           urlBack,
           urlSign,
-        ...props.route.params,
+        },
       });
     } else {
-      Alert.alert('Vui lòng thêm ảnh ' + titles[index]);
+      Alert.alert('Vui lòng thêm ' + titles[index]);
     }
   };
 
   return (
+    <KeyboardAvoidingView
+      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
+      style={{flex: 1}}
+      keyboardVerticalOffset={-50}>
+      <ScrollView showsVerticalScrollIndicator={false}>
         <View
           style={{
             flex: 1,
             paddingHorizontal: 10,
             paddingTop: 10,
           }}>
+          <Text
+            style={{
+              fontSize: getFontXD(42),
+              color: R.colors.color777,
+            }}>
+            Loại thẻ
+          </Text>
+          <PickerItem
+            width={width - 20}
+            data={dataType}
+            onValueChange={(value, items) => {
+              setType(items);
+            }}
+          />
+
+          <TextField
+            isNumber={true}
+            title={'Số thẻ'}
+            onChangeText={(val) => setCMND(val)}
+          />
+          <PickerDate
+            value={date_range}
+            onValueChange={(val) => setDate_range(val)}
+            title={'Ngày cấp'}
+          />
           <View
             style={{
               flexDirection: 'row',
@@ -60,9 +132,14 @@ const Profile = (props) => {
             />
           </View>
           <TouchableOpacity onPress={onNextPress} style={styles.btnNext}>
-        <Image style={{width: 30, height: 30}} source={R.images.iconRight1} />
+            <Image
+              style={{width: 30, height: 30}}
+              source={R.images.iconRight1}
+            />
           </TouchableOpacity>
         </View>
+      </ScrollView>
+    </KeyboardAvoidingView>
   );
 };
 

src/Screens/Action/Deposit/ChooseMethod.js

@@ -4,6 +4,7 @@ import R from '../../../assets/R';
 import HeaderBack from '../../../components/Header/HeaderBack';
 import Item from './Item';
 import {getListMethod} from '../../../apis/Functions/Deposit';
+import {connect} from 'react-redux';
 
 const MethodPayView = (props) => {
   const [data, setData] = useState([]);
@@ -36,13 +37,16 @@ const MethodPayView = (props) => {
             justifyContent: 'space-between',
           }}
           data={data}
-          renderItem={({item}) => <Item item={item} />}
+          renderItem={({item}) => <Item userId={props.user.uid} item={item} />}
         />
       </View>
     </View>
   );
 };
 
-const styles = StyleSheet.create({});
-
-export default MethodPayView;
+const mapStateToProps = (state) => {
+  return {
+    user: state.userReducer,
+  };
+};
+export default connect(mapStateToProps, {})(MethodPayView);

src/Screens/Action/Deposit/Deposit.js

@@ -4,9 +4,9 @@ import {Alert, NativeEventEmitter} from 'react-native';
 import DepositView from './DepositView';
 
 const Deposit = (props) => {
-  const {method} = props.route.params;
+  const {method, userId} = props.route.params;
 
-  return <DepositView urlCheckout={method.checkout_url} />;
+  return <DepositView urlCheckout={method.checkout_url + '/' + userId} />;
 };
 
 export default Deposit;

src/Screens/Action/Deposit/Item.js

@@ -13,13 +13,13 @@ import {DEPOSIT} from '../../../routers/ScreenNames';
 import {useNavigation} from '@react-navigation/native';
 
 const Item = (props) => {
-  const {item} = props;
+  const {item, userId} = props;
 
   const navigate = useNavigation();
 
   return (
     <TouchableOpacity
-      onPress={() => navigate.navigate(DEPOSIT, {method: item})}
+      onPress={() => navigate.navigate(DEPOSIT, {method: item, userId})}
       style={styles.containerItem}>
       <Image source={{uri: item.logo_url}} style={styles.imgIcon} />
       <Text>{item.agent}</Text>

src/Screens/Action/History/HistoryView.js

-import React from 'react';
-import {View, Text, FlatList} from 'react-native';
+import React, {useState} from 'react';
+import {View, Text, FlatList, TouchableOpacity, StyleSheet} from 'react-native';
 import HeaderSB from '../../../components/Header/HeaderSB';
 import Item from './Item';
+import {getFontXD} from '../../../Config/Functions';
+const Fillters = [
+  {
+    id: '1',
+    name: 'Tất cả',
+    value: 'all',
+  },
+
+  {
+    id: '4',
+    name: 'Rút tiền',
+    value: 'withdraw',
+  },
+  {
+    id: '5',
+    name: 'Nạp tiền',
+    value: 'deposit',
+  },
+  {
+    id: '6',
+    name: 'Chuyển khoản',
+    value: 'exchange',
+  },
+];
 
 const data = [
   {
@@ -43,10 +67,35 @@ const data = [
 ];
 
 const HistoryView = (props) => {
+  const [selected, setSelected] = useState('1');
   return (
     <View style={{flex: 1}}>
       <HeaderSB title={'LỊCH SỬ'} />
       <View style={{flex: 1}}>
+        <View style={styles.headerContainer}>
+          <FlatList
+            showsHorizontalScrollIndicator={false}
+            horizontal
+            data={Fillters}
+            keyExtractor={(item) => item.id}
+            renderItem={({item}) => (
+              <TouchableOpacity
+                onPress={() => setSelected(item.id)}
+                style={[
+                  styles.itemFillter,
+                  selected == item.id ? {borderColor: '#1473E6'} : null,
+                ]}>
+                <Text
+                  style={[
+                    styles.txtFillter,
+                    selected == item.id ? {color: '#1473E6'} : {},
+                  ]}>
+                  {item.name}
+                </Text>
+              </TouchableOpacity>
+            )}
+          />
+        </View>
         <FlatList
           keyExtractor={(item) => item.id}
           data={data}
@@ -57,4 +106,24 @@ const HistoryView = (props) => {
   );
 };
 
+const styles = StyleSheet.create({
+  headerContainer: {
+    paddingVertical: 10,
+    backgroundColor: 'white',
+  },
+  itemFillter: {
+    borderRadius: 10,
+    paddingVertical: 5,
+    paddingHorizontal: 10,
+    borderWidth: 1,
+    borderColor: '#929292',
+    marginLeft: 15,
+    minWidth: 70,
+  },
+  txtFillter: {
+    fontSize: getFontXD(36),
+    color: '#929292',
+  },
+});
+
 export default HistoryView;

src/Screens/Action/History/Item.js

@@ -53,7 +53,7 @@ const Item = (props) => {
                       fontWeight: 'bold',
                       color: '#F99D1D',
                     }}>
-                    {toPriceVnd(item.money)}
+                    {toPriceVnd(item.money)} Đ
                   </Text>
                 ) : (
                   <Text
@@ -62,7 +62,7 @@ const Item = (props) => {
                       fontWeight: 'bold',
                       color: '#1473E6',
                     }}>
-                    {toPriceVnd(item.money)}
+                    {toPriceVnd(item.money)} Đ
                   </Text>
                 )}
                 <Text style={styles.txt}>Hoàn tất</Text>

src/Screens/Authen/ConfirmEmail.js

@@ -29,14 +29,17 @@ const ConfirmEmail = (props) => {
         platform: Platform.OS,
         otp_by: value,
       });
+      console.log(res.data);
       props.hideLoading();
       if (res.data.code == 200) {
         navigate.navigate(CONFIRMOTP, {email: value});
       } else {
-        Alert.alert(res.data.message);
+        setTimeout(() => {
+          Alert.alert('Thông báo', res.data.message);
+        }, 500);
       }
     } else {
-      Alert.alert('Vui lòng nhập email!');
+      Alert.alert('Thông báo', 'Vui lòng nhập email!');
     }
   };
 
@@ -50,6 +53,7 @@ const ConfirmEmail = (props) => {
             <TextInput
               placeholderTextColor={R.colors.placeHolder}
               style={styles.txtInput}
+              autoCapitalize="none"
               placeholder="Nhập email"
               value={value}
               onChangeText={(val) => setValue(val)}

src/Screens/Authen/ConfirmOTP.js

@@ -41,9 +41,9 @@ const ConfirmOTP = (propsa) => {
 
   const confirm = async () => {
     if (!value) {
-      Alert.alert('Vui long nhập mã OTP');
+      Alert.alert('Thông báo', 'Vui long nhập mã OTP');
     } else if (value.length != 4) {
-      Alert.alert('Mã OTP không đúng định dạng');
+      Alert.alert('Thông báo', 'Mã OTP không đúng định dạng');
     } else {
       propsa.showLoading();
       const res = await verifyOTPApi({
@@ -60,14 +60,14 @@ const ConfirmOTP = (propsa) => {
           email: propsa.route.params.email,
         });
       } else {
-        Alert(res.data.message);
+        Alert.alert('Thông báo', res.data.message);
       }
     }
   };
 
   return (
     <View style={{flex: 1}}>
-      <HeaderBack title={'Xác thưc OTP'} />
+      <HeaderBack title={'Xác thực OTP'} />
 
       <View style={styles.container}>
         <View style={{height: 20}} />
@@ -102,7 +102,10 @@ const ConfirmOTP = (propsa) => {
         <TouchableOpacity onPress={confirm} style={styles.btn}>
           <Text style={styles.txtBtn}>Tiếp tục</Text>
         </TouchableOpacity>
-        <TouchableOpacity onPress={() => console.log('Hello')}>
+        <TouchableOpacity
+          style={styles.wrapFooter}
+          onPress={() => console.log('Hello')}>
+          <Text style={styles.txtNote}>Mã OTP có hiệu lực trong 5 phút.</Text>
           <Text style={styles.txtSend}>Gửi lại</Text>
         </TouchableOpacity>
       </View>
@@ -178,10 +181,19 @@ const styles = StyleSheet.create({
     textTransform: 'uppercase',
   },
   txtSend: {
-    marginTop: 30,
     fontSize: getFontXD(42),
     color: '#1C6AF6',
   },
+  wrapFooter: {
+    marginTop: 30,
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  txtNote: {
+    color: '#A2A2A2',
+    fontSize: getFontXD(42),
+    fontStyle: 'italic',
+  },
 });
 
 const mapStateToProps = (state) => {

src/Screens/Authen/Login.js

@@ -35,14 +35,12 @@ const Login = (props) => {
   const navigate = useNavigation();
 
   const onSubmitLogin = async () => {
-    props.showLoading();
     const titles = ['tên đăng nhập', 'mật khẩu'];
     const index = checkFormatArray([email, pass]);
 
     if (index === true) {
-      console.log('OK');
+      props.showLoading();
       const firebase = await AsyncStorage.getItem(KEY.FIREBASE);
-
       const res = await loginApi({
         email,
         password: pass,
@@ -51,7 +49,6 @@ const Login = (props) => {
         account_type: 'CUSTOMER',
       });
 
-      console.log(res.data);
       props.hideLoading();
       if (res.data.code == 200 && res.data.data) {
         AsyncStorage.setItem(KEY.TOKEN, res.data.data.token);
@@ -61,10 +58,12 @@ const Login = (props) => {
           routes: [{name: TABNAVIGATOR}],
         });
       } else {
-        Alert.alert(res.data.message);
+        setTimeout(() => {
+          Alert.alert('Thông báo', res.data.message);
+        }, 500);
       }
     } else {
-      Alert.alert('Vui lòng điền ' + titles[index]);
+      Alert.alert('Thông báo', 'Vui lòng điền ' + titles[index]);
     }
   };
 
@@ -94,7 +93,7 @@ const Login = (props) => {
       <TouchableOpacity
         onPress={() => navigate.navigate(CONFIRMEMAIL)}
         style={styles.forgotView}>
-        <Text style={styles.txtTitle}>Quên mật khẩu ?</Text>
+        <Text style={styles.txtTitle}>Quên mật khẩu?</Text>
       </TouchableOpacity>
 
       <View

src/Screens/Authen/NewPassWord.js

@@ -40,15 +40,18 @@ const NewPassword = (props) => {
       });
       props.hideLoading();
 
-      console.log(res.data);
-
       if (res.data.code == 200) {
+        await setTimeout(() => {
+          Alert.alert('Thông báo!', 'Đổi mật khẩu thành công');
           navigate.reset({
             index: 1,
             routes: [{name: AUTHEN}],
           });
+        }, 500);
       } else {
-        Alert.alert(res.data.message);
+        setTimeout(() => {
+          Alert.alert('Thông báo!', res.data.message);
+        }, 500);
       }
     }
   };
@@ -63,8 +66,9 @@ const NewPassword = (props) => {
             <Text style={styles.txtTitle}>Vui lòng nhập mật khẩu mới</Text>
             <TextInput
               style={styles.txtInput}
-              placeholder="Nhập Email hoặc số điện thoại"
+              placeholder="Nhập mật khẩu mới"
               placeholderTextColor={R.colors.placeHolder}
+              autoCapitalize="none"
               value={password}
               secureTextEntry={true}
               onChangeText={(val) => setPassword(val)}
@@ -74,7 +78,8 @@ const NewPassword = (props) => {
             <Text style={styles.txtTitle}>Nhập lại mật khẩu</Text>
             <TextInput
               style={styles.txtInput}
-              placeholder="Nhập Email hoặc số điện thoại"
+              autoCapitalize="none"
+              placeholder="Xác nhận lại mật khẩu mới"
               value={cfPassword}
               secureTextEntry={true}
               placeholderTextColor={R.colors.placeHolder}

src/Screens/Authen/Registor.js

@@ -23,27 +23,31 @@ const Registor = (props) => {
   const [password_confirmation, setPasswordConfirm] = useState('');
 
   const registorClick = async () => {
-    props.showLoading();
     const titles = ['email', 'mật khẩu', 'xác nhận mật khẩu'];
     const index = checkFormatArray([email, password, password_confirmation]);
-
     if (index === true) {
+      props.showLoading();
       const res = await registorApi({
         email,
         password,
         platform: Platform.OS,
         password_confirmation,
       });
+      props.hideLoading();
+
       if (res.data.code == 200 && res.data.data) {
-        Alert.alert('Đăng ký tài khoản thành công!');
+        setTimeout(() => {
+          Alert.alert('Thông báo', 'Đăng ký tài khoản thành công!');
           navigation.navigate('LOGIN');
+        }, 500);
       } else {
+        setTimeout(() => {
           Alert.alert('Thông báo!', res.data.message);
+        }, 500);
       }
     } else {
       Alert.alert('Thông báo!', 'Vui lòng điền ' + titles[index]);
     }
-    props.hideLoading();
   };
 
   return (

src/Screens/Home/Footer.js

@@ -13,7 +13,7 @@ const Footer = (props) => {
         </View>
         <View style={{flex: 1, paddingHorizontal: 15}}>
           <Text style={styles.txt}>Doanh thu của đội</Text>
-          <Text style={styles.txtMoney}>$ {toPriceVnd(1500000)} VNĐ</Text>
+          <Text style={styles.txtMoney}>$ {toPriceVnd(1500000)} Đ</Text>
         </View>
         <View style={{justifyContent: 'center', alignItems: 'center'}}>
           <Icon name={'right'} size={20} color={'#707070'} />
@@ -26,7 +26,7 @@ const Footer = (props) => {
         </View>
         <View style={{flex: 1, paddingHorizontal: 15}}>
           <Text style={styles.txt}>Doanh thu nhà tài trợ</Text>
-          <Text style={styles.txtMoney}>$ {toPriceVnd(1500000)} VNĐ</Text>
+          <Text style={styles.txtMoney}>$ {toPriceVnd(1500000)} Đ</Text>
         </View>
         <View style={{justifyContent: 'center', alignItems: 'center'}}>
           <Icon name={'right'} size={20} color={'#707070'} />
@@ -38,8 +38,8 @@ const Footer = (props) => {
           <Image source={R.images.moneyinvest} style={styles.imgIcon} />
         </View>
         <View style={{flex: 1, paddingHorizontal: 15}}>
-          <Text style={styles.txt}>Đầu từ</Text>
-          <Text style={styles.txtMoney}>$ {toPriceVnd(1500000)} VNĐ</Text>
+          <Text style={styles.txt}>Đầu tư</Text>
+          <Text style={styles.txtMoney}>$ {toPriceVnd(1500000)} Đ</Text>
         </View>
         <View style={{justifyContent: 'center', alignItems: 'center'}}>
           <Icon name={'right'} size={20} color={'#707070'} />

src/Screens/Home/HomeView.js

@@ -23,21 +23,15 @@ const HomeView = (props) => {
             <View style={styles.row}>
               <View style={styles.row}>
                 <View style={styles.itemMenu}>
-                  <Text style={styles.txtTitle}>Rút tiền</Text>
-                  <Text style={styles.txtMoney}>
-                    {' '}
-                    {toPriceVnd(1000000)} VNĐ{' '}
-                  </Text>
+                  <Text style={styles.txtTitle}>Nạp tiền</Text>
+                  <Text style={styles.txtMoney}> {toPriceVnd(1000000)} Đ </Text>
                 </View>
                 <View
                   style={{width: 0.5, backgroundColor: R.colors.borderGray}}
                 />
                 <View style={styles.itemMenu}>
-                  <Text style={styles.txtTitle}>My Payout</Text>
-                  <Text style={styles.txtMoney}>
-                    {' '}
-                    {toPriceVnd(1000000)} VNĐ{' '}
-                  </Text>
+                  <Text style={styles.txtTitle}>Rút tiền</Text>
+                  <Text style={styles.txtMoney}> {toPriceVnd(1000000)} Đ </Text>
                 </View>
               </View>
             </View>
@@ -45,18 +39,16 @@ const HomeView = (props) => {
             <View style={styles.row}>
               <View style={styles.itemMenu}>
                 <Text style={styles.txtTitle}>Hoa hồng</Text>
-                <Text style={styles.txtMoney1}>
-                  + {toPriceVnd(1000000)} VNĐ{' '}
-                </Text>
+                <Text style={styles.txtMoney1}>+ {toPriceVnd(1000000)} Đ </Text>
               </View>
               <View
                 style={{width: 0.5, backgroundColor: R.colors.borderGray}}
               />
               <View style={styles.itemMenu}>
-                <Text style={styles.txtTitle}>Thưởng</Text>
+                <Text style={styles.txtTitle}>Lợi nhuận</Text>
                 <Text style={styles.txtMoney1}>
                   {' '}
-                  + {toPriceVnd(1000000)} VNĐ{' '}
+                  + {toPriceVnd(1000000)} Đ{' '}
                 </Text>
               </View>
             </View>
@@ -111,13 +103,13 @@ const styles = StyleSheet.create({
     textTransform: 'uppercase',
   },
   txtMoney: {
-    fontSize: getFontXD(46),
+    fontSize: getFontXD(42),
     color: R.colors.black,
     marginTop: 5,
   },
   txtMoney1: {
-    fontSize: getFontXD(46),
-    color: '#FF6A7C',
+    fontSize: getFontXD(42),
+    color: '#2fbd04',
     marginTop: 5,
   },
 });

src/Screens/Menu/Profile/ProfileView.js

@@ -15,14 +15,9 @@ const Tab = createMaterialTopTabNavigator();
 
 const ProfileView = (props) => {
   return (
-    <KeyboardAvoidingView
-      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
-      style={{flex: 1}}
-      keyboardVerticalOffset={-50}>
-      <ScrollView style={{flex: 1}} showsVerticalScrollIndicator={false}>
     <View style={{flex: 1}}>
       <HeaderBack isWhite={true} title={'Thông tin cá nhân'} />
-          <View>
+
       <Tab.Navigator
         initialRouteName="GeneralInfor"
         tabBarOptions={{
@@ -43,9 +38,6 @@ const ProfileView = (props) => {
         />
       </Tab.Navigator>
     </View>
-        </View>
-      </ScrollView>
-    </KeyboardAvoidingView>
   );
 };
 

src/Screens/Menu/Profile/Tab/GeneralInfor.js

@@ -8,6 +8,9 @@ import {
   Touchable,
   TouchableOpacityBase,
   Dimensions,
+  KeyboardAvoidingView,
+  ScrollView,
+  Platform,
 } from 'react-native';
 import R from '../../../../assets/R';
 
@@ -34,8 +37,16 @@ const GeneralInfor = (props) => {
   const [bank, setBank] = useState();
 
   return (
+    <KeyboardAvoidingView
+      behavior={Platform.Os === 'ios' ? 'padding' : 'height'}
+      style={{flex: 1}}
+      keyboardVerticalOffset={-50}>
+      <ScrollView style={{flex: 1}} showsVerticalScrollIndicator={false}>
         <View style={styles.container}>
-      <TextField title={'Họ và tên'} onChangeText={(val) => console.log(val)} />
+          <TextField
+            title={'Họ và tên'}
+            onChangeText={(val) => console.log(val)}
+          />
           <TextField
             title={'Điện thoại'}
             onChangeText={(val) => console.log(val)}
@@ -57,7 +68,9 @@ const GeneralInfor = (props) => {
                 alignItems: 'center',
               }}>
               <View style={styles.customAdd}>
-            <Text style={{fontSize: getFontXD(42), color: '#929292'}}>+</Text>
+                <Text style={{fontSize: getFontXD(42), color: '#929292'}}>
+                  +
+                </Text>
               </View>
               <Text style={styles.txtTitle}>Trạng thái</Text>
             </View>
@@ -98,6 +111,8 @@ const GeneralInfor = (props) => {
             </TouchableOpacity>
           </View>
         </View>
+      </ScrollView>
+    </KeyboardAvoidingView>
   );
 };
 

src/Screens/MethodPay/Item.js

@@ -10,7 +10,7 @@ const Item = (props) => {
   return (
     <TouchableOpacity onPress={() => console.log('HEllo')}>
       <View style={styles.container}>
-        <Block flex={1} row center padding={[10, 10]}>
+        <Block flex={1} row center padding={[10, 20]}>
           <Image source={item.image} style={styles.imgIcon} />
           <Block padding={[0, 10]}>
             <Text style={styles.txtBig}>{item.title}</Text>

src/Screens/Notification/Item.js

 import React from 'react';
-import {View, Text, StyleSheet, TouchableOpacity, Image} from 'react-native';
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  Image,
+  Alert,
+} from 'react-native';
 import {getFontXD, HEIGHTXD, WIDTHXD, toPriceVnd} from '../../Config/Functions';
 import R from '../../assets/R';
 import Block from '../../components/Block';
@@ -8,7 +15,7 @@ import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 const Item = (props) => {
   const {item} = props;
   return (
-    <TouchableOpacity onPress={() => console.log('HEllo')}>
+    <TouchableOpacity onPress={() => Alert.alert('Hello')}>
       <View style={styles.container}>
         <Block flex={1} row>
           <View style={styles.wrapLeft} />

src/Screens/Notification/NotificaitonView.js

-import React from 'react';
-import {View, Text, FlatList} from 'react-native';
+import React, {useState} from 'react';
+import {View, Text, FlatList, StyleSheet, TouchableOpacity} from 'react-native';
 
-import HeaderBack from '../../components/Header/HeaderBack';
+import HeaderDrawer from '../../components/Header/HeaderDrawer';
 import Item from './Item';
+import {getFontXD} from '../../Config/Functions';
+
+const Fillters = [
+  {
+    id: '1',
+    name: 'Tất cả',
+    value: 'all',
+  },
+  {
+    id: '2',
+    name: 'Chưa đọc',
+    value: 'disable',
+  },
+  {
+    id: '3',
+    name: 'Đã đọc',
+    value: 'enable',
+  },
+  {
+    id: '4',
+    name: 'Rút tiền',
+    value: 'withdraw',
+  },
+  {
+    id: '5',
+    name: 'Nạp tiền',
+    value: 'deposit',
+  },
+  {
+    id: '6',
+    name: 'Chuyển khoản',
+    value: 'exchange',
+  },
+];
 
 const data = [
   {
@@ -28,10 +62,35 @@ const data = [
 ];
 
 const NotificaitonView = (props) => {
+  const [selected, setSelected] = useState('1');
+
   return (
     <View style={{flex: 1}}>
-      <HeaderBack isWhite={false} title={'Thông báo'} />
-
+      <HeaderDrawer isWhite={false} title={'Thông báo'} />
+      <View style={styles.headerContainer}>
+        <FlatList
+          showsHorizontalScrollIndicator={false}
+          horizontal
+          data={Fillters}
+          keyExtractor={(item) => item.id}
+          renderItem={({item}) => (
+            <TouchableOpacity
+              onPress={() => setSelected(item.id)}
+              style={[
+                styles.itemFillter,
+                selected == item.id ? {borderColor: '#1473E6'} : null,
+              ]}>
+              <Text
+                style={[
+                  styles.txtFillter,
+                  selected == item.id ? {color: '#1473E6'} : {},
+                ]}>
+                {item.name}
+              </Text>
+            </TouchableOpacity>
+          )}
+        />
+      </View>
       <FlatList
         keyExtractor={(item) => item.id}
         data={data}
@@ -41,4 +100,24 @@ const NotificaitonView = (props) => {
   );
 };
 
+const styles = StyleSheet.create({
+  headerContainer: {
+    paddingVertical: 10,
+    backgroundColor: 'white',
+  },
+  itemFillter: {
+    borderRadius: 10,
+    paddingVertical: 5,
+    paddingHorizontal: 10,
+    borderWidth: 1,
+    borderColor: '#929292',
+    marginLeft: 15,
+    minWidth: 70,
+  },
+  txtFillter: {
+    fontSize: getFontXD(36),
+    color: '#929292',
+  },
+});
+
 export default NotificaitonView;

src/apis/Functions/users.js

-import {PostLogin, PostData} from '../helpers';
+import {PostLogin, PostData, PostFormData} from '../helpers';
 
 import url from '../url';
 
@@ -31,3 +31,8 @@ export const forgotPasswordApi = async (body) =>
   PostLogin(url.urlForgotPassword, body)
     .then((res) => res)
     .catch((err) => err);
+
+export const verifyAccountApi = async (body) =>
+  PostFormData(url.urlVerifyAccount, body)
+    .then((res) => res)
+    .catch((err) => err);

src/apis/helpers.js

@@ -84,6 +84,34 @@ export async function PostData(url, json, isAuth = true) {
     });
 }
 
+export async function PostFormData(url, data) {
+  const token = await AsyncStorage.getItem(KEY.TOKEN);
+  console.log(token);
+  let myRequest = {
+    method: 'post',
+    url,
+    headers: {
+      Accept: 'application/json',
+      'Content-Type': 'multipart/form-data',
+      Authorization: 'Bearer ' + token,
+    },
+    timeout: 30 * 1000,
+    data: data,
+  };
+  console.log('post data mobile', myRequest.data);
+  return await axios(myRequest)
+    .then((response) => response)
+    .then((response) => response)
+    .catch((error) => {
+      console.log(error.request);
+      const err = {
+        message: 'error',
+        status: error.request.status,
+      };
+      return err;
+    });
+}
+
 /**
  *
  * @param {*} url is link api

src/apis/url.js

@@ -7,4 +7,5 @@ export default {
   urlVerifyOTP: root + 'api/auth/customer-verify-otp',
   urlForgotPassword: root + 'api/auth/customer-forgot-password',
   urlGetListWithDraw: root + 'api/v1/payments/get-list-withdraw-method',
+  urlVerifyAccount: root + 'api/v1/customers/verify-account',
 };

src/components/Button.js

@@ -13,7 +13,7 @@ import {getFontXD, HEIGHTXD, WIDTHXD} from '../Config/Functions';
 const Button = (props) => {
   const {title, onClick} = props;
   return (
-    <TouchableOpacity style={styles.container} onPress={() => onClick()}>
+    <TouchableOpacity style={styles.container} onPress={onClick}>
       <ImageBackground
         imageStyle={{
           borderRadius: 20,

src/components/Header/Drawer.js

@@ -3,6 +3,7 @@ import {View, Text, StyleSheet, Image, TouchableOpacity} from 'react-native';
 import R from '../../assets/R';
 import {HEIGHTXD, getFontXD, WIDTHXD} from '../../Config/Functions';
 import Icon from 'react-native-vector-icons/MaterialIcons';
+import AsyncStorage from '@react-native-community/async-storage';
 import {
   AccountVerification,
   METHODPAY,
@@ -10,6 +11,7 @@ import {
   FEEDBACK,
   SETTING,
   NOTIFICATION,
+  AUTHEN,
 } from '../../routers/ScreenNames';
 import {useNavigation} from '@react-navigation/native';
 
@@ -20,32 +22,27 @@ const menus = [
     icon: R.images.iconUserCheck,
     screen: AccountVerification,
   },
+
   {
     id: '2',
-    title: 'Thông báo',
-    icon: R.images.noti,
-    screen: NOTIFICATION,
-  },
-  {
-    id: '3',
     title: 'Cài đặt phương thức thanh toán',
     icon: R.images.iconMethodPay,
     screen: METHODPAY,
   },
   {
-    id: '4',
+    id: '3',
     title: 'Liên hệ với dịch vụ khách hàng',
     icon: R.images.iconPhone,
     screen: SERVICECUSTOMER,
   },
   {
-    id: '5',
+    id: '4',
     title: 'Phản hồi',
     icon: R.images.iconMess,
     screen: FEEDBACK,
   },
   {
-    id: '6',
+    id: '5',
     title: 'Cài đặt',
     icon: R.images.iconSetting,
     screen: SETTING,
@@ -77,7 +74,14 @@ const Drawer = (props) => {
       </View>
 
       <TouchableOpacity
-        onPress={() => console.log('Hello')}
+        onPress={() => {
+          AsyncStorage.clear();
+          props.toggleModal();
+          navigate.reset({
+            index: 1,
+            routes: [{name: AUTHEN}],
+          });
+        }}
         style={styles.footer}>
         <Icon name={'logout'} size={25} color={'#F81515'} />
         <Text style={styles.txtTitle}>Đăng xuất</Text>

src/components/Header/HeaderHome.js

-import React, {useEffect} from 'react';
+import React, {useEffect, useState} from 'react';
 import {
   View,
   Text,
@@ -9,12 +9,14 @@ import {
   ImageBackground,
   TouchableOpacity,
   Platform,
+  Alert,
 } from 'react-native';
 import R from '../../assets/R';
 import {getFontXD, HEIGHT, WIDTHXD} from '../../Config/Functions';
 import LinearGradient from 'react-native-linear-gradient';
 import {connect} from 'react-redux';
 import {HEIGHTXD, toPriceVnd} from '../../Config/Functions';
+import Clipboard from '@react-native-clipboard/clipboard';
 
 import {useNavigation} from '@react-navigation/native';
 import {
@@ -23,10 +25,18 @@ import {
   CHOOSEMETHOD,
   TRANSFER,
   HISTORY,
+  PROFILE,
 } from '../../routers/ScreenNames';
 
 const HeaderHome = (props) => {
   const navigate = useNavigation();
+  const [sponsorID, setSponsorID] = useState('sponsorIDlink');
+
+  const copyToClipboard = () => {
+    Alert.alert('Đã sao chép!');
+    Clipboard.setString(sponsorID);
+  };
+
   return (
     <View style={styles.container}>
       <ImageBackground style={styles.img} source={R.images.headerHome}>
@@ -37,10 +47,13 @@ const HeaderHome = (props) => {
           <View style={styles.containerInfor}>
             <Image source={R.images.avartar} style={styles.imgAvatar} />
             <View style={styles.wrapRight}>
+              <TouchableOpacity onPress={() => navigate.navigate(PROFILE)}>
                 <Text style={styles.txtName}>Vu Khac Minh</Text>
+              </TouchableOpacity>
+
               <View style={styles.row1}>
-                <Text style={styles.txtlink}>sponsorIDlink</Text>
-                <TouchableOpacity onPress={() => console.log('Hello')}>
+                <Text style={styles.txtlink}>{sponsorID}</Text>
+                <TouchableOpacity onPress={copyToClipboard}>
                   <Image
                     source={R.images.iconCopy}
                     style={styles.imgIconCopy}
@@ -50,7 +63,7 @@ const HeaderHome = (props) => {
 
               <View style={styles.row}>
                 <Text style={styles.txtMoney}> {toPriceVnd(1000000)}</Text>
-                <Text style={styles.txtTitle}> VNĐ</Text>
+                <Text style={styles.txtTitle}> Đ</Text>
               </View>
             </View>
           </View>
@@ -160,7 +173,7 @@ const styles = StyleSheet.create({
     borderRadius: WIDTHXD(120),
   },
   txtMoney: {
-    fontSize: getFontXD(72),
+    fontSize: getFontXD(62),
     color: '#FFB721',
     marginVertical: 5,
     fontWeight: 'bold',

src/components/Input/InputComponent.js

@@ -19,6 +19,7 @@ const InputComponent = (props) => {
       <TextInput
         placeholderTextColor={R.colors.placeHolder}
         maxLength={maxLength}
+        autoCapitalize="none"
         onChangeText={(val) => onChangeText(val)}
         style={{
           height: HEIGHTXD(89),

src/components/Input/InputIcon.js

@@ -21,6 +21,7 @@ const InputIcon = (props) => {
         <Text>{title}</Text>
         <TextInput
           maxLength={maxLength}
+          autoCapitalize="none"
           onChangeText={(val) => onChangeText(val)}
           style={txtInput}
           placeholderTextColor={R.colors.placeHolder}

src/components/Input/TextField.js

@@ -19,6 +19,7 @@ const TextField = (props) => {
       <TextInput
         maxLength={maxLength ? maxLength : 256}
         placeholderTextColor={R.colors.placeHolder}
+        autoCapitalize="none"
         value={value}
         keyboardType={isNumber ? 'number-pad' : 'default'}
         onChangeText={(val) => onChangeText(val)}

src/components/Input/TextMulti.js

@@ -22,6 +22,7 @@ const TextField = (props) => {
         multiline={true}
         numberOfLines={3}
         placeholderTextColor={R.colors.placeHolder}
+        autoCapitalize="none"
         style={{
           color: 'black',
           maxHeight: HEIGHTXD(259),

src/components/Picker/PickerImgUni.js

@@ -36,6 +36,7 @@ const PickerImgUni = (props) => {
     }).then((image) => {
       setModalVisible(false);
       setUrlImg(image.path);
+      console.log(image);
       onSelectImg(image.path);
     });
   };
@@ -46,6 +47,7 @@ const PickerImgUni = (props) => {
       width: 300,
       height: 400,
     }).then((image) => {
+      console.log(image);
       setModalVisible(false);
       setUrlImg(image.path);
       onSelectImg(image.path);

src/routers/TabNavigation.js

@@ -12,7 +12,7 @@ import PlussModal from './PlussModal';
 import Account from '../Screens/Account/Account';
 import Exchange from '../Screens/Exchange/Exchange';
 import NewFeed from '../Screens/NewFeed/NewFeed';
-
+import Notification from '../Screens/Notification/Notification';
 const Tab = createBottomTabNavigator();
 
 const PayScreenComponent = () => {
@@ -57,11 +57,15 @@ const TabNavigator = (props) => {
 
         <Tab.Screen
           name="Screen3"
-          component={Exchange}
+          component={Notification}
           options={{
-            tabBarLabel: 'Giao dịch',
+            tabBarLabel: 'Thông báo',
             tabBarIcon: ({color, size}) => (
-              <Icon name="chart-line" size={size} color={color} />
+              <Ionicons
+                name="ios-notifications-outline"
+                size={size}
+                color={color}
+              />
             ),
           }}
         />

yarn.lock

@@ -1033,6 +1033,11 @@
     "@types/yargs" "^15.0.0"
     chalk "^4.0.0"
 
+"@react-native-clipboard/clipboard@^1.7.0":
+  version "1.7.0"
+  resolved "https://registry.yarnpkg.com/@react-native-clipboard/clipboard/-/clipboard-1.7.0.tgz#43320841870b82b2f311f375dd5f178da46e244e"
+  integrity sha512-i5dJgR+wM8Om+hFEB/PqNb65/x5WxpaZG+UjEBX2/gmmIrmAWI72tI9rVL1gjPA9RWNpdpzvp+ioGjpdl7MyWQ==
+
 "@react-native-community/async-storage@^1.12.1":
   version "1.12.1"
   resolved "https://registry.yarnpkg.com/@react-native-community/async-storage/-/async-storage-1.12.1.tgz"