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 React, {useState, useEffect} from 'react';
import { import {
View, View,
Text, Text,
StyleSheet, StyleSheet,
Image, Image,
TouchableOpacity, TouchableOpacity,
KeyboardAvoidingView, KeyboardAvoidingView,
Platform, Platform,
Alert, Alert,
} from 'react-native'; } from 'react-native';
import InputIcon from '../../components/Input/InputIcon'; import InputIcon from '../../components/Input/InputIcon';
import {getFontXD, HEIGHTXD, WIDTHXD} from '../../Config/Functions'; import {getFontXD, HEIGHTXD, WIDTHXD} from '../../Config/Functions';
import R from '../../assets/R'; import R from '../../assets/R';
import {useNavigation} from '@react-navigation/native'; import {useNavigation} from '@react-navigation/native';
import { import {
TABNAVIGATOR, TABNAVIGATOR,
FORGOTPASSWORD, FORGOTPASSWORD,
CONFIRMEMAIL, CONFIRMEMAIL,
} from '../../routers/ScreenNames'; } from '../../routers/ScreenNames';
import {checkFormatArray, encryptRSAString} from '../../Config/Functions'; import {checkFormatArray, encryptRSAString} from '../../Config/Functions';
import {loginApi} from '../../apis/Functions/users'; import {loginApi} from '../../apis/Functions/users';
...@@ -38,254 +38,264 @@ import Icon from 'react-native-vector-icons/MaterialCommunityIcons'; ...@@ -38,254 +38,264 @@ import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
import DeviceInfo from 'react-native-device-info'; import DeviceInfo from 'react-native-device-info';
const Login = (props) => { const Login = (props) => {
const {navigation} = props; const {navigation} = props;
const [email, setEmail] = useState(''); const [email, setEmail] = useState('');
const [pass, setPass] = useState(''); const [pass, setPass] = useState('');
const [biometryType, setBiometryType] = useState(null); const [biometryType, setBiometryType] = useState(null);
const [isShowBiometryLogin, setIsShowBiometryLogin] = useState(false); const [isShowBiometryLogin, setIsShowBiometryLogin] = useState(false);
const navigate = useNavigation(); const navigate = useNavigation();
const optionalConfigObject = { const optionalConfigObject = {
title: 'Authentication Required', // Android title: 'Authentication Required', // Android
color: '#e00606', // Android, color: '#e00606', // Android,
fallbackLabel: '', // iOS (if empty, then label is hidden) fallbackLabel: '', // iOS (if empty, then label is hidden)
}; };
const getTokenDevice = async () => { const getTokenDevice = async () => {
let fcmToken = await AsyncStorage.getItem(KEY.FIREBASE); let fcmToken = await AsyncStorage.getItem(KEY.FIREBASE);
if (!fcmToken) { if (!fcmToken) {
fcmToken = await messaging().getToken(); fcmToken = await messaging().getToken();
if (fcmToken) { if (fcmToken) {
AsyncStorage.setItem(KEY.FIREBASE, fcmToken); AsyncStorage.setItem(KEY.FIREBASE, fcmToken);
} }
} }
}; };
const getLoginByBiometry = async () => { const getLoginByBiometry = async () => {
let loginByBiometry = await AsyncStorage.getItem(KEY.IS_LOGIN_BY_BIOMETRY); let loginByBiometry = await AsyncStorage.getItem(KEY.IS_LOGIN_BY_BIOMETRY);
if (loginByBiometry) { if (loginByBiometry) {
loginByBiometry = JSON.parse(loginByBiometry) loginByBiometry = JSON.parse(loginByBiometry);
setIsShowBiometryLogin(loginByBiometry.isLoginByBiometry); setIsShowBiometryLogin(loginByBiometry.isLoginByBiometry);
loginByBiometry.isLoginByBiometry && Keychain.getSupportedBiometryType({}).then((biometryType) => { loginByBiometry.isLoginByBiometry &&
setBiometryType(biometryType); Keychain.getSupportedBiometryType({}).then((biometryType) => {
}); setBiometryType(biometryType);
} });
}; }
useEffect(() => { };
props.hideLoading(); useEffect(() => {
getAccount(); props.hideLoading();
getTokenDevice(); getAccount();
getLoginByBiometry(); getTokenDevice();
}, []); getLoginByBiometry();
}, []);
const getAccount = async () => { const getAccount = async () => {
const jsonValue = await AsyncStorage.getItem(KEY.ACCOUNT); const jsonValue = await AsyncStorage.getItem(KEY.ACCOUNT);
const account = JSON.parse(jsonValue); const account = JSON.parse(jsonValue);
if (account) { if (account) {
onSubmitLogin(account.email, account.pass); onSubmitLogin(account.email, account.pass);
} }
}; };
const getCredentialInfo = async () => { const getCredentialInfo = async () => {
try { try {
const appBundleId = await DeviceInfo.getBundleId(); // only used for android as default for service on iOS is bundleId const appBundleId = await DeviceInfo.getBundleId(); // only used for android as default for service on iOS is bundleId
// Retrieve the credentials // Retrieve the credentials
const options = { const options = {
service: Platform.OS === 'ios' ? undefined : appBundleId, service: Platform.OS === 'ios' ? undefined : appBundleId,
forceAuth: true, forceAuth: true,
authenticationPrompt: { authenticationPrompt: {
title: 'Authentication needed', title: 'Authentication needed',
cancel: 'Cancel', cancel: 'Cancel',
}, },
}; };
const credentials = await Keychain.getGenericPassword(options); const credentials = await Keychain.getGenericPassword(options);
if (credentials) { if (credentials) {
console.log( console.log('Credentials successfully loaded for user ', credentials);
'Credentials successfully loaded for user ', credentials, onSubmitLogin(credentials.username, credentials.password);
); } else {
onSubmitLogin(credentials.username, credentials.password); showAlert(
TYPE.ERROR,
} else { I18n.t('Notification'),
showAlert( I18n.t('HaveNotCredential', {
TYPE.ERROR, type:
I18n.t('Notification'), biometryType == 'FaceID'
I18n.t('HaveNotCredential', {type: biometryType == 'FaceID' ? I18n.t('FaceId') : I18n.t('Fingerprint')}), ? I18n.t('FaceId')
); : I18n.t('Fingerprint'),
console.log('No credentials stored'); }),
} );
} catch (error) { console.log('No credentials stored');
console.log('Keychain couldn\'t be accessed!', error); }
} } catch (error) {
}; console.log("Keychain couldn't be accessed!", error);
const onSubmitLogin = async (email, pass) => { }
const titles = [ };
I18n.t('Username').toLowerCase(), const onSubmitLogin = async (email, pass) => {
I18n.t('Password').toLowerCase(), const titles = [
]; I18n.t('Username').toLowerCase(),
const index = checkFormatArray([email, pass]); I18n.t('Password').toLowerCase(),
];
const index = checkFormatArray([email, pass]);
if (index === true) { if (index === true) {
firebase = await AsyncStorage.getItem(KEY.FIREBASE); firebase = await AsyncStorage.getItem(KEY.FIREBASE);
props.showLoading(); props.showLoading();
const res = await loginApi({ const res = await loginApi({
email, email,
password: encryptRSAString(pass), password: encryptRSAString(pass),
platform: Platform.OS, platform: Platform.OS,
device_token: firebase, device_token: firebase,
account_type: 'CUSTOMER', account_type: 'CUSTOMER',
}); });
props.hideLoading(); console.log(res);
if (res.data) { props.hideLoading();
if (res.data.code == 200 && res.data.data) { if (res.data) {
const jsonValue = JSON.stringify({email, pass}); if (res.data.code == 200 && res.data.data) {
AsyncStorage.setItem(KEY.TOKEN, res.data.data.token); const jsonValue = JSON.stringify({email, pass});
AsyncStorage.setItem(KEY.ACCOUNT, jsonValue); AsyncStorage.setItem(KEY.TOKEN, res.data.data.token);
props.saveUserToRedux(res.data.data); AsyncStorage.setItem(KEY.ACCOUNT, jsonValue);
navigate.reset({ props.saveUserToRedux(res.data.data);
index: 1, navigate.reset({
routes: [{name: TABNAVIGATOR}], 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'),
);
}
} else { } else {
showAlert( console.log('Chay vao day');
TYPE.WARN, showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message);
I18n.t('Notification'),
I18n.t('Please_fill_in') + titles[index],
);
} }
}; } 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 ( return (
<View <View
style={{ style={{
flex: 1, flex: 1,
paddingHorizontal: 20, paddingHorizontal: 20,
paddingTop: 20, paddingTop: 20,
backgroundColor: 'white', backgroundColor: 'white',
}}> }}>
<InputIcon <InputIcon
icon={R.images.iconUser3} icon={R.images.iconUser3}
title={'Email'} title={'Email'}
onChangeText={(val) => setEmail(val)} onChangeText={(val) => setEmail(val)}
value={email} value={email}
/> />
<InputIcon <InputIcon
icon={R.images.iconLock} icon={R.images.iconLock}
title={'Password'} title={'Password'}
isPassWord={true} isPassWord={true}
onChangeText={(val) => setPass(val)} onChangeText={(val) => setPass(val)}
value={pass} value={pass}
/> />
<TouchableOpacity <TouchableOpacity
onPress={() => navigate.navigate(CONFIRMEMAIL)} onPress={() => navigate.navigate(CONFIRMEMAIL)}
style={styles.forgotView}> style={styles.forgotView}>
<AppText i18nKey={'ForgotPassword'} style={styles.txtTitle}/> <AppText i18nKey={'ForgotPassword'} style={styles.txtTitle} />
</TouchableOpacity> </TouchableOpacity>
<View <View
style={{ style={{
marginVertical: 20, marginVertical: 20,
alignItems: 'center', 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 <Image
onPress={() => onSubmitLogin(email, pass)} source={R.images.iconFaceId}
style={styles.wrapLogin}> style={[styles.imgIconBiometry, {tintColor: R.colors.main}]}
<AppText i18nKey={'Login'} style={styles.txtLogin}/> />
<Image source={R.images.iconRight1} style={styles.imgIcon}/> </TouchableOpacity>
</TouchableOpacity> ) : (
{isShowBiometryLogin ? <TouchableOpacity
<View style={{flexDirection: 'row', marginTop: WIDTHXD(70)}}> onPress={() => {
{biometryType == 'FaceID' ? getCredentialInfo();
<TouchableOpacity }}>
onPress={() => { <Image
getCredentialInfo(); source={R.images.fingerprint}
}}> style={styles.imgIconBiometry}
<Image source={R.images.iconFaceId} style={[styles.imgIconBiometry, {tintColor: R.colors.main}]}/> />
</TouchableOpacity> </TouchableOpacity>
: )}
<TouchableOpacity </View>
onPress={() => { ) : null}
getCredentialInfo();
}}>
<Image source={R.images.fingerprint} style={styles.imgIconBiometry}/>
</TouchableOpacity>
}
</View>
: null}
<View style={styles.row}> <View style={styles.row}>
<AppText i18nKey={'Have_account'} style={styles.txtTitle}/> <AppText i18nKey={'Have_account'} style={styles.txtTitle} />
<TouchableOpacity <TouchableOpacity
onPress={() => { onPress={() => {
navigation.navigate('REGISTOR'); navigation.navigate('REGISTOR');
}}> }}>
<AppText i18nKey={'Register'} style={styles.txtRegistor}/> <AppText i18nKey={'Register'} style={styles.txtRegistor} />
</TouchableOpacity> </TouchableOpacity>
</View>
</View>
<View style={{height: 100}}/>
</View> </View>
); </View>
<View style={{height: 100}} />
</View>
);
}; };
const styles = StyleSheet.create({ const styles = StyleSheet.create({
forgotView: { forgotView: {
marginVertical: 20, marginVertical: 20,
alignItems: 'flex-end', alignItems: 'flex-end',
}, },
txtTitle: { txtTitle: {
fontSize: getFontXD(42), fontSize: getFontXD(42),
color: '#929292', color: '#929292',
}, },
txtLogin: { txtLogin: {
fontSize: getFontXD(48), fontSize: getFontXD(48),
color: 'white', color: 'white',
fontWeight: '700', fontWeight: '700',
}, },
wrapLogin: { wrapLogin: {
width: WIDTHXD(512), width: WIDTHXD(512),
height: HEIGHTXD(150), height: HEIGHTXD(150),
backgroundColor: '#1C6AF6', backgroundColor: '#1C6AF6',
borderRadius: 30, borderRadius: 30,
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
}, },
imgIcon: { imgIcon: {
width: WIDTHXD(72), width: WIDTHXD(72),
height: HEIGHTXD(72), height: HEIGHTXD(72),
marginLeft: 5, marginLeft: 5,
}, },
imgIconBiometry: { imgIconBiometry: {
width: WIDTHXD(120), width: WIDTHXD(120),
height: WIDTHXD(120), height: WIDTHXD(120),
}, },
row: { row: {
flexDirection: 'row', flexDirection: 'row',
marginTop: 30, marginTop: 30,
}, },
txtRegistor: { txtRegistor: {
marginLeft: WIDTHXD(10), marginLeft: WIDTHXD(10),
fontSize: getFontXD(42), fontSize: getFontXD(42),
color: '#1473E6', color: '#1473E6',
}, },
}); });
const mapStateToProps = (state) => { const mapStateToProps = (state) => {
return {}; return {};
}; };
export default connect(mapStateToProps, { export default connect(mapStateToProps, {
showLoading, showLoading,
hideLoading, hideLoading,
saveUserToRedux, saveUserToRedux,
})(Login); })(Login);
src/Screens/Menu/MyGroup/Item.js
...@@ -27,22 +27,22 @@ const Item = (props) => { ...@@ -27,22 +27,22 @@ const Item = (props) => {
<Text style={styles.txtName}>{fullname}</Text> <Text style={styles.txtName}>{fullname}</Text>
<View style={styles.row}> <View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'Status'} /> <AppText style={styles.txtTitle} i18nKey={'Status'} />
<Text style={{fontSize: getFontXD(42)}}>{status_name}</Text> <Text style={{fontSize: getFontXD(36)}}>{status_name}</Text>
</View> </View>
<View style={styles.row}> <View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'DateJoin'} /> <AppText style={styles.txtTitle} i18nKey={'DateJoin'} />
<Text style={{fontSize: getFontXD(42)}}>{created}</Text> <Text style={{fontSize: getFontXD(36)}}>{created}</Text>
</View> </View>
<View style={styles.row}> <View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'OpenAccountExchange'} /> <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> </View>
{props.level == 1 ? null : ( {props.level == 1 ? null : (
<View style={styles.row}> <View style={styles.row}>
<AppText style={styles.txtTitle} i18nKey={'Sponsor'} /> <AppText style={styles.txtTitle} i18nKey={'Sponsor'} />
<Text style={{fontSize: getFontXD(42)}}>{sponsor_name}</Text> <Text style={{fontSize: getFontXD(36)}}>{sponsor_name}</Text>
</View> </View>
)} )}
</View> </View>
...@@ -82,12 +82,12 @@ const styles = StyleSheet.create({ ...@@ -82,12 +82,12 @@ const styles = StyleSheet.create({
flex: 1, flex: 1,
}, },
txtTitle: { txtTitle: {
fontSize: getFontXD(42), fontSize: getFontXD(36),
color: R.colors.color777, color: R.colors.color777,
marginRight: 5, marginRight: 5,
}, },
txtName: { txtName: {
fontSize: getFontXD(46), fontSize: getFontXD(42),
color: R.colors.black, color: R.colors.black,
textTransform: 'uppercase', 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'; ...@@ -2,21 +2,32 @@ import React, {Component, useState, useEffect} from 'react';
import {View, Text, FlatList} from 'react-native'; import {View, Text, FlatList} from 'react-native';
import Item from './Item'; import Item from './Item';
import {getListPartner} from '../../../apis/Functions/users'; 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 {showAlert, TYPE} from '../../../components/DropdownAlert';
import AppText from '../../../components/AppText'; import AppText from '../../../components/AppText';
import I18n from '../../../helper/i18/i18n'; import I18n from '../../../helper/i18/i18n';
import SearchModal from './SearchModal2';
const Level1 = (props) => { const Level1 = (props) => {
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
const [data, setData] = useState([]); const [data, setData] = useState([]);
const [tottalPage, setTotalPage] = useState(1); const [tottalPage, setTotalPage] = useState(1);
const [isRefresh, setisRefresh] = useState(false); 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(() => { useEffect(() => {
getData(); getData();
}, []); }, [level, trader_account_status, keyword]);
const getData = async () => { const getData = async () => {
setisRefresh(true); setisRefresh(true);
...@@ -34,7 +45,7 @@ const Level1 = (props) => { ...@@ -34,7 +45,7 @@ const Level1 = (props) => {
setData(res.data.data); setData(res.data.data);
setTotalPage(res.data.meta.pages); setTotalPage(res.data.meta.pages);
} else { } else {
showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message); setData([]);
} }
setisRefresh(false); setisRefresh(false);
}; };
...@@ -66,7 +77,11 @@ const Level1 = (props) => { ...@@ -66,7 +77,11 @@ const Level1 = (props) => {
return ( return (
<View style={{flex: 1}}> <View style={{flex: 1}}>
<HeaderBack title="SearchPartner" /> <HeaderPartner
onOpenSearch={toggleModal}
title={'MyPartner'}
isWhite={true}
/>
{data.length > 0 ? ( {data.length > 0 ? (
<FlatList <FlatList
...@@ -93,6 +108,15 @@ const Level1 = (props) => { ...@@ -93,6 +108,15 @@ const Level1 = (props) => {
}}></AppText> }}></AppText>
</View> </View>
)} )}
<SearchModal
setKeyword={setKeyword}
keyword={keyword}
setLevel={setLevel}
setTrader_account_status={setTrader_account_status}
toggleModal={toggleModal}
isModalVisible={isModalVisible}
/>
</View> </View>
); );
}; };
......
src/Screens/Menu/MyGroup/Tabs/Level1.js
...@@ -3,6 +3,8 @@ import {View, Text, FlatList} from 'react-native'; ...@@ -3,6 +3,8 @@ import {View, Text, FlatList} from 'react-native';
import Item from '../Item'; import Item from '../Item';
import {getListPartner} from '../../../../apis/Functions/users'; import {getListPartner} from '../../../../apis/Functions/users';
import {showAlert, TYPE} from '../../../../components/DropdownAlert'; import {showAlert, TYPE} from '../../../../components/DropdownAlert';
import AppText from '../../../../components/AppText';
import I18n from '../../../../helper/i18/i18n';
const Level1 = (props) => { const Level1 = (props) => {
const [page, setPage] = useState(1); const [page, setPage] = useState(1);
...@@ -26,11 +28,11 @@ const Level1 = (props) => { ...@@ -26,11 +28,11 @@ const Level1 = (props) => {
trader_account_status: -1, 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); setData(res.data.data);
setTotalPage(res.data.meta.pages); setTotalPage(res.data.meta.pages);
} else { } else {
showAlert(TYPE.ERROR, I18n.t('Notification'), res.data.message); setData([]);
} }
setisRefresh(false); setisRefresh(false);
}; };
...@@ -45,7 +47,7 @@ const Level1 = (props) => { ...@@ -45,7 +47,7 @@ const Level1 = (props) => {
const getDataLoadMore = async () => { const getDataLoadMore = async () => {
setisRefresh(true); setisRefresh(true);
console.log('Chay vao day');
const res = await getListPartner({ const res = await getListPartner({
keyword: '', keyword: '',
level: props.type, level: props.type,
...@@ -57,7 +59,7 @@ const Level1 = (props) => { ...@@ -57,7 +59,7 @@ const Level1 = (props) => {
setPage(page + 1); setPage(page + 1);
console.log('rress', res); 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)); setData(data.concat(res.data.data));
} }
setisRefresh(false); setisRefresh(false);
......
src/helper/i18/locales/vn.js
...@@ -64,7 +64,7 @@ export default { ...@@ -64,7 +64,7 @@ export default {
Male: 'Giới tính', Male: 'Giới tính',
Status: 'Trạng thái:', Status: 'Trạng thái:',
Phone: 'Điện thoại', Phone: 'Điện thoại',
Address: 'Địa chỉ:', Address: 'Địa chỉ',
Update: 'Cập nhật', Update: 'Cập nhật',
ContactCode: 'Mã hợp đồng', ContactCode: 'Mã hợp đồng',
TraddingAccountName: 'Tên tài khoản giao dịch', 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