translate balance

view/TransferBalance.js

@@ -4,6 +4,7 @@ import Axios from 'axios';
 import { connect } from 'react-redux';
 import ActionType from '../redux/globalActionType';
 import MyStatusBar from './MyStatusBar';
+import i18n from 'i18n-js';
 
 class TransferBalance extends React.Component {
     constructor(props) {
@@ -84,23 +85,23 @@ class TransferBalance extends React.Component {
             <ScrollView>
             <View style={{ flex: 3 }}>
                 <View style={{ flex: 1, margin: 20,top:20 }}>
-                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Phone</Text>
+                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('phone')}</Text>
                     <TextInput  style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                                     onChangeText={(destination) => this.setState({ destination })}
                                     value={this.state.destination}
                                     keyboardType='number-pad' />
-                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Amount</Text>
+                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('amount')}</Text>
                     <TextInput  style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                                     onChangeText={(amount) => this.setState({ amount })}
                                     value={this.state.amount}
                                     keyboardType='number-pad'/>
-                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Current Balance</Text>
+                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('currentbalance')}</Text>
                     <TextInput style={{ height: 40, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                         onChangeText={(no_tlp) => this.setState({ no_tlp })}
                         editable={false}>
                             {this.state.balance}
                     </TextInput>
-                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Message</Text>
+                    <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('message')}</Text>
                     <TextInput style={{ height: 100, borderWidth: 1, padding: 5, margin: 10, borderRadius: 10, borderColor: 'grey', fontFamily: 'Gotham-Black', textAlign: 'center', color: 'grey', fontWeight: 'bold', fontSize: 20 }}
                          onChangeText={(reference) => this.setState({ reference })}
                          value={this.state.reference}>
@@ -113,7 +114,7 @@ class TransferBalance extends React.Component {
                         <View style={{ flex: 1, margin: 5 }}>
                         <TouchableOpacity title="Edit" onPress={() => this.handleSend()}>
                             <View style={{ height: 40, borderRadius: 20, backgroundColor: '#CFB368',marginRight:40,marginLeft:40,justifyContent:'center'}}>
-                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 19, textAlign: 'center', margin: 20 }}>Save</Text>
+                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 19, textAlign: 'center', margin: 20 }}>{i18n.t('save')}</Text>
                             </View>
                             </TouchableOpacity>
                         </View>
@@ -180,7 +181,8 @@ const styles = StyleSheet.create({
 const mapStateToProps = (state) => {
     return {
         session_id: state.session_id,
-        set_card: state.set_card
+        set_card: state.set_card,
+        language: state.language
     }
 }