Skip to content

I
InvestCustomer
Commit 1d45f96b by Giang Tran
Options

update search partner

parent ddef6b0a
Showing with 540 additions and 256 deletions
src/Screens/Authen/Login.js
import React, {useState, useEffect} from 'react';
import {
View,
Text,
StyleSheet,
Image,
TouchableOpacity,
KeyboardAvoidingView,
Platform,
Alert,
View,
Text,
StyleSheet,
Image,
TouchableOpacity,
KeyboardAvoidingView,
Platform,
Alert,
} from 'react-native';
import InputIcon from '../../components/Input/InputIcon';
import {getFontXD, HEIGHTXD, WIDTHXD} from '../../Config/Functions';
import R from '../../assets/R';
import {useNavigation} from '@react-navigation/native';
import {
TABNAVIGATOR,
FORGOTPASSWORD,
CONFIRMEMAIL,
TABNAVIGATOR,
FORGOTPASSWORD,
CONFIRMEMAIL,
} from '../../routers/ScreenNames';
import {checkFormatArray, encryptRSAString} from '../../Config/Functions';
import {loginApi} from '../../apis/Functions/users';
......@@ -38,254 +38,264 @@ import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import DeviceInfo from 'react-native-device-info';
const Login = (props) => {
const {navigation} = props;
const {navigation} = props;
const [email, setEmail] = useState('');
const [pass, setPass] = useState('');
const [biometryType, setBiometryType] = useState(null);
const [isShowBiometryLogin, setIsShowBiometryLogin] = useState(false);
const [email, setEmail] = useState('');
const [pass, setPass] = useState('');
const [biometryType, setBiometryType] = useState(null);
const [isShowBiometryLogin, setIsShowBiometryLogin] = useState(false);
const navigate = useNavigation();
const optionalConfigObject = {
title: 'Authentication Required', // Android
color: '#e00606', // Android,
fallbackLabel: '', // iOS (if empty, then label is hidden)
};
const getTokenDevice = async () => {
let fcmToken = await AsyncStorage.getItem(KEY.FIREBASE);
const navigate = useNavigation();
const optionalConfigObject = {
title: 'Authentication Required', // Android
color: '#e00606', // Android,
fallbackLabel: '', // iOS (if empty, then label is hidden)
};
const getTokenDevice = async () => {
let fcmToken = await AsyncStorage.getItem(KEY.FIREBASE);
if (!fcmToken) {
fcmToken = await messaging().getToken();
if (fcmToken) {
AsyncStorage.setItem(KEY.FIREBASE, fcmToken);
}
}
};
const getLoginByBiometry = async () => {
let loginByBiometry = await AsyncStorage.getItem(KEY.IS_LOGIN_BY_BIOMETRY);
if (loginByBiometry) {
loginByBiometry = JSON.parse(loginByBiometry)
setIsShowBiometryLogin(loginByBiometry.isLoginByBiometry);
loginByBiometry.isLoginByBiometry && Keychain.getSupportedBiometryType({}).then((biometryType) => {
setBiometryType(biometryType);
});
}
};
useEffect(() => {
props.hideLoading();
getAccount();
getTokenDevice();
getLoginByBiometry();
}, []);
if (!fcmToken) {
fcmToken = await messaging().getToken();
if (fcmToken) {
AsyncStorage.setItem(KEY.FIREBASE, fcmToken);
}
}
};
const getLoginByBiometry = async () => {
let loginByBiometry = await AsyncStorage.getItem(KEY.IS_LOGIN_BY_BIOMETRY);
if (loginByBiometry) {
loginByBiometry = JSON.parse(loginByBiometry);
setIsShowBiometryLogin(loginByBiometry.isLoginByBiometry);
loginByBiometry.isLoginByBiometry &&
Keychain.getSupportedBiometryType({}).then((biometryType) => {
setBiometryType(biometryType);
});
}
};
useEffect(() => {
props.hideLoading();
getAccount();
getTokenDevice();
getLoginByBiometry();
}, []);
const getAccount = async () => {
const jsonValue = await AsyncStorage.getItem(KEY.ACCOUNT);
const account = JSON.parse(jsonValue);
if (account) {
onSubmitLogin(account.email, account.pass);
}
};
const getCredentialInfo = async () => {
try {
const appBundleId = await DeviceInfo.getBundleId(); // only used for android as default for service on iOS is bundleId
const getAccount = async () => {
const jsonValue = await AsyncStorage.getItem(KEY.ACCOUNT);
const account = JSON.parse(jsonValue);
if (account) {
onSubmitLogin(account.email, account.pass);
}
};
const getCredentialInfo = async () => {
try {
const appBundleId = await DeviceInfo.getBundleId(); // only used for android as default for service on iOS is bundleId
// Retrieve the credentials
const options = {
service: Platform.OS === 'ios' ? undefined : appBundleId,
forceAuth: true,
authenticationPrompt: {
title: 'Authentication needed',
cancel: 'Cancel',
},
};
const credentials = await Keychain.getGenericPassword(options);
if (credentials) {
console.log(
'Credentials successfully loaded for user ', credentials,
);
onSubmitLogin(credentials.username, credentials.password);
} else {
showAlert(
TYPE.ERROR,
I18n.t('Notification'),
I18n.t('HaveNotCredential', {type: biometryType == 'FaceID' ? I18n.t('FaceId') : I18n.t('Fingerprint')}),
);
console.log('No credentials stored');
}
} catch (error) {
console.log('Keychain couldn\'t be accessed!', error);
}
};
const onSubmitLogin = async (email, pass) => {
const titles = [
I18n.t('Username').toLowerCase(),
I18n.t('Password').toLowerCase(),
];
const index = checkFormatArray([email, pass]);
// Retrieve the credentials
const options = {
service: Platform.OS === 'ios' ? undefined : appBundleId,
forceAuth: true,
authenticationPrompt: {
title: 'Authentication needed',
cancel: 'Cancel',
},
};
const credentials = await Keychain.getGenericPassword(options);
if (credentials) {
console.log('Credentials successfully loaded for user ', credentials);
onSubmitLogin(credentials.username, credentials.password);
} else {
showAlert(
TYPE.ERROR,
I18n.t('Notification'),
I18n.t('HaveNotCredential', {
type:
biometryType == 'FaceID'
? I18n.t('FaceId')
: I18n.t('Fingerprint'),
}),
);
console.log('No credentials stored');
}
} catch (error) {
console.log("Keychain couldn't be accessed!", error);
}
};
const onSubmitLogin = async (email, pass) => {
const titles = [
I18n.t('Username').toLowerCase(),
I18n.t('Password').toLowerCase(),
];
const index = checkFormatArray([email, pass]);
if (index === true) {
firebase = await AsyncStorage.getItem(KEY.FIREBASE);
props.showLoading();
const res = await loginApi({
email,
password: encryptRSAString(pass),
platform: Platform.OS,
device_token: firebase,
account_type: 'CUSTOMER',
});
props.hideLoading();
if (res.data) {
if (res.data.code == 200 && res.data.data) {
const jsonValue = JSON.stringify({email, pass});
AsyncStorage.setItem(KEY.TOKEN, res.data.data.token);
AsyncStorage.setItem(KEY.ACCOUNT, jsonValue);
props.saveUserToRedux(res.data.data);
navigate.reset({
index: 1,
routes: [{name: TABNAVIGATOR}],
});
} else {
showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message);
}
} else {
showAlert(
TYPE.ERROR,
I18n.t('Notification'),
I18n.t('Systemmaintenance'),
);
}
if (index === true) {
firebase = await AsyncStorage.getItem(KEY.FIREBASE);
props.showLoading();
const res = await loginApi({
email,
password: encryptRSAString(pass),
platform: Platform.OS,
device_token: firebase,
account_type: 'CUSTOMER',
});
console.log(res);
props.hideLoading();
if (res.data) {
if (res.data.code == 200 && res.data.data) {
const jsonValue = JSON.stringify({email, pass});
AsyncStorage.setItem(KEY.TOKEN, res.data.data.token);
AsyncStorage.setItem(KEY.ACCOUNT, jsonValue);
props.saveUserToRedux(res.data.data);
navigate.reset({
index: 1,
routes: [{name: TABNAVIGATOR}],
});
} else {
showAlert(
TYPE.WARN,
I18n.t('Notification'),
I18n.t('Please_fill_in') + titles[index],
);
console.log('Chay vao day');
showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message);
}
};
} else {
showAlert(
TYPE.ERROR,
I18n.t('Notification'),
I18n.t('Systemmaintenance'),
);
}
} else {
showAlert(
TYPE.WARN,
I18n.t('Notification'),
I18n.t('Please_fill_in') + titles[index],
);
}
};
return (
<View
style={{
flex: 1,
paddingHorizontal: 20,
paddingTop: 20,
backgroundColor: 'white',
}}>
<InputIcon
icon={R.images.iconUser3}
title={'Email'}
onChangeText={(val) => setEmail(val)}
value={email}
/>
<InputIcon
icon={R.images.iconLock}
title={'Password'}
isPassWord={true}
onChangeText={(val) => setPass(val)}
value={pass}
/>
<TouchableOpacity
onPress={() => navigate.navigate(CONFIRMEMAIL)}
style={styles.forgotView}>
<AppText i18nKey={'ForgotPassword'} style={styles.txtTitle}/>
</TouchableOpacity>
return (
<View
style={{
flex: 1,
paddingHorizontal: 20,
paddingTop: 20,
backgroundColor: 'white',
}}>
<InputIcon
icon={R.images.iconUser3}
title={'Email'}
onChangeText={(val) => setEmail(val)}
value={email}
/>
<InputIcon
icon={R.images.iconLock}
title={'Password'}
isPassWord={true}
onChangeText={(val) => setPass(val)}
value={pass}
/>
<TouchableOpacity
onPress={() => navigate.navigate(CONFIRMEMAIL)}
style={styles.forgotView}>
<AppText i18nKey={'ForgotPassword'} style={styles.txtTitle} />
</TouchableOpacity>
<View
style={{
marginVertical: 20,
alignItems: 'center',
<View
style={{
marginVertical: 20,
alignItems: 'center',
}}>
<TouchableOpacity
onPress={() => onSubmitLogin(email, pass)}
style={styles.wrapLogin}>
<AppText i18nKey={'Login'} style={styles.txtLogin} />
<Image source={R.images.iconRight1} style={styles.imgIcon} />
</TouchableOpacity>
{isShowBiometryLogin ? (
<View style={{flexDirection: 'row', marginTop: WIDTHXD(70)}}>
{biometryType == 'FaceID' ? (
<TouchableOpacity
onPress={() => {
getCredentialInfo();
}}>
<TouchableOpacity
onPress={() => onSubmitLogin(email, pass)}
style={styles.wrapLogin}>
<AppText i18nKey={'Login'} style={styles.txtLogin}/>
<Image source={R.images.iconRight1} style={styles.imgIcon}/>
</TouchableOpacity>
{isShowBiometryLogin ?
<View style={{flexDirection: 'row', marginTop: WIDTHXD(70)}}>
{biometryType == 'FaceID' ?
<TouchableOpacity
onPress={() => {
getCredentialInfo();
}}>
<Image source={R.images.iconFaceId} style={[styles.imgIconBiometry, {tintColor: R.colors.main}]}/>
</TouchableOpacity>
:
<TouchableOpacity
onPress={() => {
getCredentialInfo();
}}>
<Image source={R.images.fingerprint} style={styles.imgIconBiometry}/>
</TouchableOpacity>
}
</View>
: null}
<Image
source={R.images.iconFaceId}
style={[styles.imgIconBiometry, {tintColor: R.colors.main}]}
/>
</TouchableOpacity>
) : (
<TouchableOpacity
onPress={() => {
getCredentialInfo();
}}>
<Image
source={R.images.fingerprint}
style={styles.imgIconBiometry}
/>
</TouchableOpacity>
)}
</View>
) : null}
<View style={styles.row}>
<AppText i18nKey={'Have_account'} style={styles.txtTitle}/>
<TouchableOpacity
onPress={() => {
navigation.navigate('REGISTOR');
}}>
<AppText i18nKey={'Register'} style={styles.txtRegistor}/>
</TouchableOpacity>
</View>
</View>
<View style={{height: 100}}/>
<View style={styles.row}>
<AppText i18nKey={'Have_account'} style={styles.txtTitle} />
<TouchableOpacity
onPress={() => {
navigation.navigate('REGISTOR');
}}>
<AppText i18nKey={'Register'} style={styles.txtRegistor} />
</TouchableOpacity>
</View>
);
</View>
<View style={{height: 100}} />
</View>
);
};
const styles = StyleSheet.create({
forgotView: {
marginVertical: 20,
alignItems: 'flex-end',
},
txtTitle: {
fontSize: getFontXD(42),
color: '#929292',
},
txtLogin: {
fontSize: getFontXD(48),
color: 'white',
fontWeight: '700',
},
wrapLogin: {
width: WIDTHXD(512),
height: HEIGHTXD(150),
backgroundColor: '#1C6AF6',
borderRadius: 30,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
},
imgIcon: {
width: WIDTHXD(72),
height: HEIGHTXD(72),
marginLeft: 5,
},
imgIconBiometry: {
width: WIDTHXD(120),
height: WIDTHXD(120),
},
row: {
flexDirection: 'row',
marginTop: 30,
},
txtRegistor: {
marginLeft: WIDTHXD(10),
fontSize: getFontXD(42),
color: '#1473E6',
},
forgotView: {
marginVertical: 20,
alignItems: 'flex-end',
},
txtTitle: {
fontSize: getFontXD(42),
color: '#929292',
},
txtLogin: {
fontSize: getFontXD(48),
color: 'white',
fontWeight: '700',
},
wrapLogin: {
width: WIDTHXD(512),
height: HEIGHTXD(150),
backgroundColor: '#1C6AF6',
borderRadius: 30,
flexDirection: 'row',
justifyContent: 'center',
alignItems: 'center',
},
imgIcon: {
width: WIDTHXD(72),
height: HEIGHTXD(72),
marginLeft: 5,
},
imgIconBiometry: {
width: WIDTHXD(120),
height: WIDTHXD(120),
},
row: {
flexDirection: 'row',
marginTop: 30,
},
txtRegistor: {
marginLeft: WIDTHXD(10),
fontSize: getFontXD(42),
color: '#1473E6',
},
});
const mapStateToProps = (state) => {
return {};
return {};
};
export default connect(mapStateToProps, {
showLoading,
hideLoading,
saveUserToRedux,
showLoading,
hideLoading,
saveUserToRedux,
})(Login);
src/Screens/Menu/MyGroup/Item.js
......@@ -27,22 +27,22 @@ const Item = (props) => {
<Text style={styles.txtName}>{fullname}</Text>
<View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'Status'} />
<Text style={{fontSize: getFontXD(42)}}>{status_name}</Text>
<Text style={{fontSize: getFontXD(36)}}>{status_name}</Text>
</View>
<View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'DateJoin'} />
<Text style={{fontSize: getFontXD(42)}}>{created}</Text>
<Text style={{fontSize: getFontXD(36)}}>{created}</Text>
</View>
<View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'OpenAccountExchange'} />
<Text style={{fontSize: getFontXD(42)}}>{cqg_status_name}</Text>
<Text style={{fontSize: getFontXD(36)}}>{cqg_status_name}</Text>
</View>
{props.level == 1 ? null : (
<View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'Sponsor'} />
<Text style={{fontSize: getFontXD(42)}}>{sponsor_name}</Text>
<Text style={{fontSize: getFontXD(36)}}>{sponsor_name}</Text>
</View>
)}
</View>
......@@ -82,12 +82,12 @@ const styles = StyleSheet.create({
flex: 1,
},
txtTitle: {
fontSize: getFontXD(42),
fontSize: getFontXD(36),
color: R.colors.color777,
marginRight: 5,
},
txtName: {
fontSize: getFontXD(46),
fontSize: getFontXD(42),
color: R.colors.black,
textTransform: 'uppercase',
},
......
src/Screens/Menu/MyGroup/SearchModal2.js 0 → 100644
import React, {useEffect, useState} from 'react';
import {
View,
Text,
Image,
StyleSheet,
TouchableOpacity,
TouchableWithoutFeedback,
Platform,
DeviceEventEmitter,
Dimensions,
} from 'react-native';
import R from '../../../assets/R';
import {
HEIGHTXD,
WIDTHXD,
getFontXD,
getWidth,
} from '../../../Config/Functions';
import Modal from 'react-native-modal';
import I18n from '../.././../helper/i18/i18n';
import AppText from '../../../components/AppText';
import PickerItem from '../../../components/Picker/PickerItem';
import PickerMonth from '../../../components/Picker/PickerMonth';
import {SEARCHPARTNER} from '../../../routers/ScreenNames';
import {showAlert, TYPE} from '../../../components/DropdownAlert';
import {useNavigation} from '@react-navigation/native';
import TextField from '../../../components/Input/TextField';
import {connect} from 'react-redux';
import IconClose from 'react-native-vector-icons/AntDesign';
const {width} = Dimensions.get('window');
const SearchProductCodeModal = (props) => {
const ListLevels = [
{
value: '-1',
name: I18n.t('All'),
},
{
value: '1',
name: I18n.t('level1'),
},
{
value: '2',
name: I18n.t('level2'),
},
{
value: '3',
name: I18n.t('level3'),
},
];
const ListStatus = [
{
value: '-1',
name: I18n.t('All'),
},
{
value: '1',
name: I18n.t('Opened'),
},
{
value: '0',
name: I18n.t('Unopen'),
},
];
const navigate = useNavigation();
const [textSearch, setTextSearch] = useState(props.keyword);
const [level, setLevel] = useState(ListLevels[0]);
const [open, setOpen] = useState(ListStatus[0]);
return (
<Modal
isVisible={props.isModalVisible}
style={{margin: 0, justifyContent: 'flex-end'}}>
<View style={{flex: 1, justifyContent: 'flex-end'}}>
<TouchableOpacity
style={styles.opacity}
activeOpacity={1}
onPressOut={() => {
props.toggleModal();
}}>
<TouchableWithoutFeedback>
<View style={styles.container}>
<View style={styles.viewTitle}>
<Text
style={[
styles.txt,
{
color: R.colors.black,
textAlign: 'center',
flex: 10,
},
]}>
{I18n.t('SearchProductCode')}
</Text>
<TouchableOpacity
onPress={() => {
props.toggleModal();
}}
style={styles.btClose}>
<IconClose
name="close"
size={WIDTHXD(48)}
color={R.colors.black}
/>
</TouchableOpacity>
</View>
<TextField
onChangeText={(val) => setTextSearch(val)}
title={I18n.t('NamePartner')}
value={textSearch}
/>
<AppText
style={[styles.txtTitle, {marginTop: HEIGHTXD(40)}]}
i18nKey={'level'}
/>
<PickerItem
defaultValue={level.name}
width={width - 40}
data={ListLevels}
onValueChange={(value, items) => {
setLevel(items);
}}
/>
<AppText
style={[styles.txtTitle, {marginTop: HEIGHTXD(40)}]}
i18nKey={'OpenAccountCQG'}
/>
<PickerItem
defaultValue={open.name}
width={width - 40}
data={ListStatus}
onValueChange={(value, items) => {
setOpen(items);
}}
/>
<View
style={{
marginTop: HEIGHTXD(80),
justifyContent: 'center',
alignItems: 'center',
}}>
<TouchableOpacity
onPress={() => {
props.toggleModal();
props.setKeyword(textSearch);
props.setLevel(level.value);
props.setTrader_account_status(open.value);
}}
style={styles.btnSend}>
<Text style={styles.txtSend}>{I18n.t('Search')}</Text>
</TouchableOpacity>
</View>
</View>
</TouchableWithoutFeedback>
</TouchableOpacity>
</View>
</Modal>
);
};
const styles = StyleSheet.create({
container: {
backgroundColor: R.colors.white,
borderRadius: 10,
borderWidth: 2,
borderColor: '#DBDBDB',
paddingTop: HEIGHTXD(50),
paddingBottom: HEIGHTXD(300),
paddingHorizontal: WIDTHXD(40),
},
viewTitle: {
flexDirection: 'row',
width: getWidth() - WIDTHXD(40),
marginLeft: WIDTHXD(40),
},
btClose: {
flex: 1,
justifyContent: 'center',
alignItems: 'flex-start',
marginRight: WIDTHXD(40),
},
txt: {
fontSize: getFontXD(42),
color: R.colors.color777,
marginBottom: 5,
paddingLeft: 10,
},
txtTitle: {
fontSize: getFontXD(42),
color: R.colors.color777,
},
selectionImg: {
padding: 10,
justifyContent: 'center',
alignItems: 'center',
},
containerSelect: {
height: HEIGHTXD(520),
backgroundColor: 'white',
paddingTop: 10,
borderTopLeftRadius: 20,
borderTopRightRadius: 20,
},
line: {
height: 1,
backgroundColor: '#929292',
width: '100%',
marginTop: 5,
},
imgIcon: {
width: 40,
height: 40,
},
txtTitleBtn: {
fontSize: getFontXD(42),
color: '#1473E6',
},
btnSend: {
width: WIDTHXD(500),
height: HEIGHTXD(120),
backgroundColor: R.colors.main,
borderRadius: 8,
justifyContent: 'center',
alignItems: 'center',
},
txtSend: {
fontSize: getFontXD(42),
color: R.colors.white,
paddingHorizontal: WIDTHXD(60),
fontWeight: 'bold',
},
});
const mapStateToProps = (state) => {
return {
language: state.languageReducer,
};
};
export default connect(mapStateToProps, {})(SearchProductCodeModal);
src/Screens/Menu/MyGroup/SearchPartner.js
......@@ -2,21 +2,32 @@ import React, {Component, useState, useEffect} from 'react';
import {View, Text, FlatList} from 'react-native';
import Item from './Item';
import {getListPartner} from '../../../apis/Functions/users';
import HeaderBack from '../../../components/Header/HeaderBack';
import HeaderPartner from '../../../components/Header/HeaderPartner';
import {showAlert, TYPE} from '../../../components/DropdownAlert';
import AppText from '../../../components/AppText';
import I18n from '../../../helper/i18/i18n';
import SearchModal from './SearchModal2';
const Level1 = (props) => {
const [page, setPage] = useState(1);
const [data, setData] = useState([]);
const [tottalPage, setTotalPage] = useState(1);
const [isRefresh, setisRefresh] = useState(false);
const [isModalVisible, setModalVisible] = useState(false);
const {trader_account_status, level, keyword} = props.route.params;
const [trader_account_status, setTrader_account_status] = useState(
props.route.params.trader_account_status,
);
const [level, setLevel] = useState(props.route.params.level);
const [keyword, setKeyword] = useState(props.route.params.keyword);
const toggleModal = () => {
setModalVisible(!isModalVisible);
};
useEffect(() => {
getData();
}, []);
}, [level, trader_account_status, keyword]);
const getData = async () => {
setisRefresh(true);
......@@ -34,7 +45,7 @@ const Level1 = (props) => {
setData(res.data.data);
setTotalPage(res.data.meta.pages);
} else {
showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message);
setData([]);
}
setisRefresh(false);
};
......@@ -66,7 +77,11 @@ const Level1 = (props) => {
return (
<View style={{flex: 1}}>
<HeaderBack title="SearchPartner" />
<HeaderPartner
onOpenSearch={toggleModal}
title={'MyPartner'}
isWhite={true}
/>
{data.length > 0 ? (
<FlatList
......@@ -93,6 +108,15 @@ const Level1 = (props) => {
}}></AppText>
</View>
)}
<SearchModal
setKeyword={setKeyword}
keyword={keyword}
setLevel={setLevel}
setTrader_account_status={setTrader_account_status}
toggleModal={toggleModal}
isModalVisible={isModalVisible}
/>
</View>
);
};
......
src/Screens/Menu/MyGroup/Tabs/Level1.js
......@@ -3,6 +3,8 @@ import {View, Text, FlatList} from 'react-native';
import Item from '../Item';
import {getListPartner} from '../../../../apis/Functions/users';
import {showAlert, TYPE} from '../../../../components/DropdownAlert';
import AppText from '../../../../components/AppText';
import I18n from '../../../../helper/i18/i18n';
const Level1 = (props) => {
const [page, setPage] = useState(1);
......@@ -26,11 +28,11 @@ const Level1 = (props) => {
trader_account_status: -1,
});
if ((res.data.code = 200 && res.data.data)) {
if ((res.data.code = 200 && res.data.data && res.data.data.length > 0)) {
setData(res.data.data);
setTotalPage(res.data.meta.pages);
} else {
showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message);
setData([]);
}
setisRefresh(false);
};
......@@ -45,7 +47,7 @@ const Level1 = (props) => {
const getDataLoadMore = async () => {
setisRefresh(true);
console.log('Chay vao day');
const res = await getListPartner({
keyword: '',
level: props.type,
......@@ -57,7 +59,7 @@ const Level1 = (props) => {
setPage(page + 1);
console.log('rress', res);
if (res.data.code == 200) {
if (res.data.code == 200 && res.data.data && res.data.data.length > 0) {
setData(data.concat(res.data.data));
}
setisRefresh(false);
......
src/helper/i18/locales/vn.js
......@@ -64,7 +64,7 @@ export default {
Male: 'Giới tính',
Status: 'Trạng thái:',
Phone: 'Điện thoại',
Address: 'Địa chỉ:',
Address: 'Địa chỉ',
Update: 'Cập nhật',
ContactCode: 'Mã hợp đồng',
TraddingAccountName: 'Tên tài khoản giao dịch',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment