translate change password

view/ChangePassword.js

@@ -4,6 +4,7 @@ import Axios from 'axios';
 import { BASE_URL_CHANGE_PASSWORD } from '../model/Base_Model';
 import { connect } from 'react-redux';
 import MyStatusBar from './MyStatusBar';
+import i18n from 'i18n-js';
 
 class ChangePassword extends React.Component {
     constructor(props) {
@@ -47,7 +48,7 @@ class ChangePassword extends React.Component {
 
                     <View style={styles.field_token}>
                         <View style={{ marginBottom: 25 }}>
-                            <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368', textAlign: 'center' }}>Current Password</Text>
+                            <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368', textAlign: 'center' }}>{i18n.t('currentpassword')}</Text>
                         </View>
                         <View style={styles.items2}>
                             <TextInput style={styles.textInput}
@@ -59,7 +60,7 @@ class ChangePassword extends React.Component {
                     </View>
                     <View style={styles.field_token}>
                         <View style={{ marginBottom: 25 }}>
-                            <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368', textAlign: 'center' }}>New Password</Text>
+                            <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368', textAlign: 'center' }}>{i18n.t('newpassword')}</Text>
                         </View>
                         <View style={styles.items2}>
                             <TextInput style={styles.textInput}
@@ -71,7 +72,7 @@ class ChangePassword extends React.Component {
                     </View>
                     <View style={styles.field_token}>
                         <View style={{ marginBottom: 25 }}>
-                            <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368', textAlign: 'center' }}>Repeat Password</Text>
+                            <Text style={{ fontSize: 12, fontFamily: 'Gotham-Black', color: '#CFB368', textAlign: 'center' }}>{i18n.t('repeatpassword')}</Text>
                         </View>
                         <View style={styles.items2}>
                             <TextInput style={styles.textInput}
@@ -87,7 +88,7 @@ class ChangePassword extends React.Component {
 
                     <TouchableOpacity onPress={() => this.changePassword()}>
                         <View style={styles.button}>
-                            <Text style={{ color: 'white', fontSize: 12, fontFamily: 'Gotham-Black' }}>Change Password</Text>
+                            <Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>{i18n.t('changepassword')}</Text>
                         </View>
                     </TouchableOpacity>
                 </View>
@@ -146,8 +147,9 @@ const styles = StyleSheet.create({
         backgroundColor: '#CFB368',
         marginTop: 50,
         marginHorizontal: 100,
-        borderRadius: 15,
+        borderRadius: 10,
         padding:10,
+        height:40,
         alignItems: 'center',
         justifyContent: 'center'
     },
@@ -157,6 +159,7 @@ const styles = StyleSheet.create({
 const mapStateToProps = (state) => {
     return {
         session_id: state.session_id,
+        language: state.language
     }
 }