adminnistrateur
/
ilink-world
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Correction de bugs

This commit is contained in:
Brice 2020-11-20 18:54:03 +01:00
parent 4a574e9a6f
commit 3f614d5a38
7 changed files with 1238 additions and 1247 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1887
android/app/src/main/assets/index.android.bundle
View File

File diff suppressed because one or more lines are too long

2
android/app/src/main/res/raw/utils_i18n_en.json
View File

@ -177,7 +177,7 @@
"ID_SAVINGS": "Saving ID", "ID_SAVINGS": "Saving ID",
"NON_APPLICABLE": "Not applicable", "NON_APPLICABLE": "Not applicable",
"DATE": "Date", "DATE": "Date",
"PAIEMENT_EAU_ELECTRICITY": "Water bill", "PAIEMENT_EAU": "Water bill",
"PAIEMENT_ELECTRICITY": "Electricity bill", "PAIEMENT_ELECTRICITY": "Electricity bill",
"PAIEMENT_ECOLE": "School fees", "PAIEMENT_ECOLE": "School fees",
"PAIEMENT_CREDIT_TELEPHONIQUE": "Phone credit bills", "PAIEMENT_CREDIT_TELEPHONIQUE": "Phone credit bills",

7
screens/history-request/HistoryItem.js
View File

@ -7,6 +7,7 @@ import I18n from "react-native-i18n"
import 'moment/locale/fr'; import 'moment/locale/fr';
import 'moment/locale/es-us'; import 'moment/locale/es-us';
import 'moment/locale/en-au'; import 'moment/locale/en-au';
import 'moment/locale/en-gb';
import 'moment/locale/en-ca'; import 'moment/locale/en-ca';
import 'moment/locale/en-ie'; import 'moment/locale/en-ie';
import 'moment/locale/en-il'; import 'moment/locale/en-il';
@ -23,7 +24,7 @@ export class HistoryItem extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-us"; this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-gb";
console.log("Current Locale item", this.currentLocale); console.log("Current Locale item", this.currentLocale);
moment.locale(this.currentLocale); moment.locale(this.currentLocale);
this.state = this.initState(); this.state = this.initState();
@ -132,7 +133,7 @@ export class HistoryItemSectionned extends PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = this.initState(); this.state = this.initState();
this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-us"; this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-gb";
moment.locale(this.currentLocale); moment.locale(this.currentLocale);
} }
@ -246,7 +247,7 @@ export class HistoryListItem extends React.Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = this.initState(); this.state = this.initState();
this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-us"; this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-gb";
moment.locale(this.currentLocale); moment.locale(this.currentLocale);
} }

2
screens/history-request/HistoryItemDetails.js
View File

@ -62,7 +62,7 @@ class HistoryItemDetails extends Component {
this.item = this.props.navigation.getParam("item", null).item; this.item = this.props.navigation.getParam("item", null).item;
} }
this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-us"; this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-gb";
moment.locale(this.currentLocale); moment.locale(this.currentLocale);
let sta = '' let sta = ''

2
screens/history-request/MyHistory.js
View File

@ -72,7 +72,7 @@ class MyHistory extends React.Component {
constructor(props) { constructor(props) {
super(props, true); super(props, true);
this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-us"; this.currentLocale = I18n.locale.includes("fr") ? "fr" : "en-gb";
moment.locale(this.currentLocale); moment.locale(this.currentLocale);
this.state = this.initState(); this.state = this.initState();
readUser().then((user) => { readUser().then((user) => {

548
screens/home/IMap.js
View File

@ -1,310 +1,318 @@
import React, { Component } from 'react'; import React, {Component} from 'react';
import MapView, { Marker, MarkerAnimated } from "react-native-maps" import MapView, {Marker, MarkerAnimated} from "react-native-maps"
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { import {
StyleSheet, StyleSheet,
View, View,
Image, Image,
Text, Text,
Alert Alert
} from 'react-native'; } from 'react-native';
const theme = require("../../utils/theme"); const theme = require("../../utils/theme");
import { responsiveHeight, responsiveWidth } from "react-native-responsive-dimensions"; import {responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions";
import IMarker from "./IMarker"; import IMarker from "./IMarker";
import I18n from "react-native-i18n"; import I18n from "react-native-i18n";
import MapViewDirections from 'react-native-maps-directions'; import MapViewDirections from 'react-native-maps-directions';
const API_KEY = "AIzaSyAYOEp-Pckvc3TwOIulCICokKgmp14rGHI"; const API_KEY = "AIzaSyAYOEp-Pckvc3TwOIulCICokKgmp14rGHI";
const mnetwork = require('./../../datas/img/png/home_network.png'); const mnetwork = require('./../../datas/img/png/home_network.png');
const othernetwork = require('./../../datas/img/png/other_net.png'); const othernetwork = require('./../../datas/img/png/other_net.png');
import { copilot, CopilotStep } from 'react-native-copilot'; import {copilot, CopilotStep} from 'react-native-copilot';
import { IlinkEmitter } from "./../../utils/events"; import {IlinkEmitter} from "./../../utils/events";
import DeviceInfo from 'react-native-device-info'; import DeviceInfo from 'react-native-device-info';
class IMap extends Component { class IMap extends Component {
static propTypes = { static propTypes = {
markers: PropTypes.array, markers: PropTypes.array,
map: PropTypes.object, map: PropTypes.object,
network: PropTypes.object, network: PropTypes.object,
myNetwork: PropTypes.object, myNetwork: PropTypes.object,
selectedMarker: PropTypes.object, selectedMarker: PropTypes.object,
myPosition: PropTypes.object, myPosition: PropTypes.object,
onMarkerClick: PropTypes.func, onMarkerClick: PropTypes.func,
initialRegion: PropTypes.object, initialRegion: PropTypes.object,
typeMap: PropTypes.string, typeMap: PropTypes.string,
needRoad: PropTypes.bool, needRoad: PropTypes.bool,
isNeedUserFocus: PropTypes.bool, isNeedUserFocus: PropTypes.bool,
onNeedRoadReady: PropTypes.func, onNeedRoadReady: PropTypes.func,
onNeedRoadError: PropTypes.func, onNeedRoadError: PropTypes.func,
onMapReady: PropTypes.func, onMapReady: PropTypes.func,
onLayout: PropTypes.func onLayout: PropTypes.func
}; };
static defaultProps = { static defaultProps = {
isNeedUserFocus: false isNeedUserFocus: false
}; };
constructor(props) {
super(props)
this.state = {
markers: [],
roadReady: false,
isNeedUserFocus: false,
positionMarkerText: I18n.t("YOUR_THERE")
}
IlinkEmitter.on("langueChange", this.updateLangue.bind(this));
}
getPositionMarkerText() { constructor(props) {
let currentLanguage = I18n.currentLocale(); super(props)
let myPositionMarkerText = null; this.state = {
switch (currentLanguage) { markers: [],
case "fr": roadReady: false,
myPositionMarkerText = "Vous êtes ici"; isNeedUserFocus: false,
break; positionMarkerText: I18n.t("YOUR_THERE")
}
IlinkEmitter.on("langueChange", this.updateLangue.bind(this));
}
case "en": getPositionMarkerText() {
myPositionMarkerText = "Your are here"; let currentLanguage = I18n.currentLocale();
break; let myPositionMarkerText = null;
switch (currentLanguage) {
case "fr":
myPositionMarkerText = "Vous êtes ici";
break;
default: case "en":
myPositionMarkerText = I18n.t("YOUR_THERE") myPositionMarkerText = "You are here";
break; break;
} default:
myPositionMarkerText = I18n.t("YOUR_THERE")
break;
return myPositionMarkerText; }
}
updateLangue() { return myPositionMarkerText;
//Alert.alert("Langue", I18n.currentLocale(), [{ text: "Ok", onPress: () => { } }]); }
this.setState({ positionMarkerText: this.getPositionMarkerText() })
}
mapRef = (ref) => { updateLangue() {
this.mapview = ref //Alert.alert("Langue", I18n.currentLocale(), [{ text: "Ok", onPress: () => { } }]);
} this.setState({positionMarkerText: this.getPositionMarkerText()})
}
componentDidUpdate(prevProps, prevState) { mapRef = (ref) => {
if (prevState.positionMarkerText !== this.state.positionMarkerText) { this.mapview = ref
this.forceUpdate(); }
}
}
getMapRef = () => this.mapview componentDidUpdate(prevProps, prevState) {
componentWillReceiveProps(nextProps, nextContext) { if (prevState.positionMarkerText !== this.state.positionMarkerText) {
const markers = this.state.markers this.forceUpdate();
const newmarkers = nextProps.markers }
if (markers.length <= 0) }
this.setState({ markers: newmarkers })
else if (markers.length !== newmarkers) {
this.setState({ markers: newmarkers })
}
this.setState({ isNeedUserFocus: nextProps.isNeedUserFocus })
}
render() { getMapRef = () => this.mapview
const { markers, initialRegion, myPosition, myNetwork, typeMap, selectedMarker } = this.props
if (initialRegion !== null && myNetwork !== null)
return (
<View style={styles.container}>
<MapView
style={{ flex: 1 }}
initialRegion={initialRegion}
mapType={typeMap}
ref={(re) => this.mapview = re}
onMapReady={this.props.onMapReady}
onLayout={this.props.onLayout}
onRegionChangeComplete={(re) => { this.onRegionChangeOver(re) }}>
{this.state.markers.map((item, index) => {
return (
<IMarker
isUser={false}
title={item.lastname}
isSelected={(selectedMarker && selectedMarker.id === item.id)}
data={item}
onPress={(e, marker) => this.props.onMarkerClick(e, marker)}
network={myNetwork}
/>)
})}
{this.renderMyPosition()}
{this.makeDirection()}
</MapView> componentWillReceiveProps(nextProps, nextContext) {
</View>) const markers = this.state.markers
else return (<View />) const newmarkers = nextProps.markers
} if (markers.length <= 0)
focusToUser() { this.setState({markers: newmarkers})
this.setState({ isNeedUserFocus: true }) else if (markers.length !== newmarkers) {
} this.setState({markers: newmarkers})
closeUserFocus() { }
this.setState({ isNeedUserFocus: false }) this.setState({isNeedUserFocus: nextProps.isNeedUserFocus})
} }
onRegionChangeOver(region) {
} render() {
makeDirection() { const {markers, initialRegion, myPosition, myNetwork, typeMap, selectedMarker} = this.props
let { myPosition, selectedMarker, needRoad } = this.props if (initialRegion !== null && myNetwork !== null)
if (myPosition !== null && selectedMarker !== null && selectedMarker !== undefined && myPosition !== undefined && needRoad) { return (
setTimeout(() => { <View style={styles.container}>
if (!this.state.roadReady) { <MapView
this.setState({ roadReady: true }) style={{flex: 1}}
this.props.onNeedRoadError() initialRegion={initialRegion}
} mapType={typeMap}
}, 10000) ref={(re) => this.mapview = re}
onMapReady={this.props.onMapReady}
onLayout={this.props.onLayout}
onRegionChangeComplete={(re) => {
this.onRegionChangeOver(re)
}}>
{this.state.markers.map((item, index) => {
return (
<IMarker
isUser={false}
title={item.lastname}
isSelected={(selectedMarker && selectedMarker.id === item.id)}
data={item}
onPress={(e, marker) => this.props.onMarkerClick(e, marker)}
network={myNetwork}
/>)
})}
{this.renderMyPosition()}
{this.makeDirection()}
return (<MapViewDirections </MapView>
origin={myPosition} </View>)
destination={selectedMarker} else return (<View/>)
apikey={API_KEY} }
strokeWidth={3}
onReady={(data) => {
this.setState({ roadReady: true })
this.props.onNeedRoadReady(data)
}
}
onError={() => {
this.setState({ roadReady: true })
this.props.onNeedRoadError()
}
}
strokeColor={theme.primary}
/>)
}
}
renderMyPosition() { focusToUser() {
const { myPosition, myNetwork } = this.props this.setState({isNeedUserFocus: true})
if (myPosition != null) { }
return (<IMarker
isUser={true} closeUserFocus() {
lang={this.props.lang} this.setState({isNeedUserFocus: false})
isNeedFocus={this.state.isNeedUserFocus} }
title={this.state.positionMarkerText}
data={{ onRegionChangeOver(region) {
longitude: myPosition.longitude,
latitude: myPosition.latitude }
}}
/>) makeDirection() {
} let {myPosition, selectedMarker, needRoad} = this.props
} if (myPosition !== null && selectedMarker !== null && selectedMarker !== undefined && myPosition !== undefined && needRoad) {
setTimeout(() => {
if (!this.state.roadReady) {
this.setState({roadReady: true})
this.props.onNeedRoadError()
}
}, 10000)
return (<MapViewDirections
origin={myPosition}
destination={selectedMarker}
apikey={API_KEY}
strokeWidth={3}
onReady={(data) => {
this.setState({roadReady: true})
this.props.onNeedRoadReady(data)
}
}
onError={() => {
this.setState({roadReady: true})
this.props.onNeedRoadError()
}
}
strokeColor={theme.primary}
/>)
}
}
renderMyPosition() {
const {myPosition, myNetwork} = this.props
if (myPosition != null) {
return (<IMarker
isUser={true}
lang={this.props.lang}
isNeedFocus={this.state.isNeedUserFocus}
title={this.state.positionMarkerText}
data={{
longitude: myPosition.longitude,
latitude: myPosition.latitude
}}
/>)
}
}
} }
export default IMap; export default IMap;
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor: '#FFF', backgroundColor: '#FFF',
}, },
myClusterTextStyle: { myClusterTextStyle: {
color: "white" color: "white"
}, },
myClusterStyle: { myClusterStyle: {
backgroundColor: theme.accent, backgroundColor: theme.accent,
height: 32, height: 32,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
width: 32, width: 32,
borderRadius: 16 borderRadius: 16
}, },
rowContainer: { rowContainer: {
height: 52, height: 52,
flex: 1, flex: 1,
flexDirection: 'row', flexDirection: 'row',
justifyContent: 'flex-start', justifyContent: 'flex-start',
alignItems: 'center', alignItems: 'center',
}, },
iconContainer: { iconContainer: {
marginRight: 16, marginRight: 16,
}, },
mapmarker: { mapmarker: {
width: 52, width: 52,
height: 52, height: 52,
}, },
slidingup: { slidingup: {
backgroundColor: "transparent", backgroundColor: "transparent",
position: "absolute", position: "absolute",
height: 300, height: 300,
bottom: 0, bottom: 0,
right: 35, right: 35,
zIndex: 1 zIndex: 1
}, },
panel: { panel: {
flex: 1, flex: 1,
backgroundColor: 'white', backgroundColor: 'white',
position: 'relative' position: 'relative'
}, },
panelHeader: { panelHeader: {
height: 120, height: 120,
backgroundColor: '#b197fc', backgroundColor: '#b197fc',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center' justifyContent: 'center'
}, },
favoriteIcon: { favoriteIcon: {
left: responsiveWidth(75), left: responsiveWidth(75),
backgroundColor: theme.primary, backgroundColor: theme.primary,
width: 64, width: 64,
justifyContent: 'center', justifyContent: 'center',
alignContent: 'center', alignContent: 'center',
bottom: -64, bottom: -64,
position: 'absolute', position: 'absolute',
height: 64, height: 64,
padding: 8, padding: 8,
zIndex: 1, zIndex: 1,
borderRadius: 32, borderRadius: 32,
}, },
hambuger: { hambuger: {},
}, topBar: {
topBar: { position: 'absolute',
position: 'absolute', alignSelf: 'center',
alignSelf: 'center', justifyContent: 'center',
justifyContent: 'center', alignItems: 'center',
alignItems: 'center', marginTop: responsiveHeight(4),
marginTop: responsiveHeight(4), width: responsiveWidth(95),
width: responsiveWidth(95),
}, },
searchInput: { searchInput: {
width: responsiveWidth(70), width: responsiveWidth(70),
fontSize: 14 fontSize: 14
}, },
search: { search: {
width: responsiveWidth(70), width: responsiveWidth(70),
height: responsiveHeight(10), height: responsiveHeight(10),
backgroundColor: '#00000000', backgroundColor: '#00000000',
}, },
map: { map: {
width: responsiveWidth(100), width: responsiveWidth(100),
height: responsiveHeight(100), height: responsiveHeight(100),
}, },
backgroundd_drawer: { backgroundd_drawer: {
backgroundColor: '#000', backgroundColor: '#000',
}, },
cardsearch: { cardsearch: {
width: responsiveWidth(90), width: responsiveWidth(90),
height: responsiveHeight(10), height: responsiveHeight(10),
position: 'absolute', position: 'absolute',
alignSelf: 'center', alignSelf: 'center',
marginTop: 5, marginTop: 5,
}, },
actionButtonIcon: { actionButtonIcon: {
fontSize: 20, fontSize: 20,
height: 22, height: 22,
color: 'white', color: 'white',
}, },
welcome: { welcome: {
fontSize: 20, fontSize: 20,
textAlign: 'center', textAlign: 'center',
margin: 10, margin: 10,
}, },
instructions: { instructions: {
textAlign: 'center', textAlign: 'center',
color: '#333333', color: '#333333',
marginBottom: 5, marginBottom: 5,
}, },
}); });

37
screens/wallet/WalletDetail.js
View File

@ -814,7 +814,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -823,7 +823,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant_rembourse + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant_rembourse + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -832,7 +832,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.partiellement_rembourse + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.partiellement_rembourse + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -841,7 +841,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.taxe + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.taxe + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -850,7 +850,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.interet + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.interet + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -859,7 +859,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.retrait_cash + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.retrait_cash == 1 ? I18n.t('YES') : I18n.t('NO')}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -873,11 +873,11 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
<View style={{flex: 1}}> <View style={{flex: 1}}>
<Text tyle={[Typography.body2]}>{I18n.t('DEMAND_DATE')}</Text> <Text tyle={[Typography.body2]}>{I18n.t('VALIDATION_DATE')}</Text>
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.date_demande}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.date_validation}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -911,16 +911,16 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{displayTransactionType(this.state.historyItemDetail.type_historique)}</Text> style={[Typography.caption1, Color.grayColor]}>{I18n.t(displayTransactionType(this.state.historyItemDetail.type_historique))}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
<View style={{flex: 1}}> <View style={{flex: 1}}>
<Text style={[styles.body2]}>{I18n.t('ID_DEMAND')}</Text> <Text style={[styles.body2]}>{I18n.t('ID_SAVINGS')}</Text>
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.id_demande}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.id_epargne}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -956,7 +956,16 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant + ' ' + this.state.wallet.currency_code}</Text>
</View>
</View>
<View style={{flexDirection: 'row', marginTop: 10}}>
<View style={{flex: 1}}>
<Text tyle={[Typography.body2]}>{I18n.t('AMOUNT_WITHDRAWAL')}</Text>
</View>
<View style={{flex: 1, alignItems: 'flex-end'}}>
<Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.montant_retire + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -965,7 +974,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.taxe + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.taxe + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>
@ -974,7 +983,7 @@ class WalletDetail extends Component {
</View> </View>
<View style={{flex: 1, alignItems: 'flex-end'}}> <View style={{flex: 1, alignItems: 'flex-end'}}>
<Text <Text
style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.interet + ' ' + wallet.currency_code}</Text> style={[Typography.caption1, Color.grayColor]}>{this.state.historyItemDetail.interet + ' ' + this.state.wallet.currency_code}</Text>
</View> </View>
</View> </View>
<View style={{flexDirection: 'row', marginTop: 10}}> <View style={{flexDirection: 'row', marginTop: 10}}>