translate new password

lib/en.json

@@ -25,6 +25,7 @@
     "save":"Save",
     "currentpassword":"Current Password",
     "newpassword":"New Password",
+    "headerNewPassword":"NEW PASSWORD",
     "repeatpassword":"Repeat Password",
     "language":"LANGUAGE",
     "password":"Password",
@@ -47,6 +48,7 @@
     "cancel":"CANCEL",
     "resendemail":"RENSEND EMAIL TOKEN",
     "enterToken":"Enter Token",
+    "token":"Token",
     "delivery":"DELIVERY",
     "pickup":"PICKUP",
     "orderInfo" : "YOU WILL PICKUP YOUR ORDER AT",

lib/id.json

@@ -41,11 +41,13 @@
   "detail":"Details",
   "resendemail":"KIRIM ULANG EMAIL TOKEN",
   "enterToken":"Masukan Token",
+  "token":"Token",
   "delivery":"ANTAR",
   "pickup":"AMBIL",
   "changepassword":"GANTI KATA SANDI",
   "currentpassword":"Kata sandi lama",
   "newpassword":"Kata sandi baru",
+  "headerNewPassword":"KATA SANDI BARU",
   "repeatpassword":"Ulangi Kata sandi",
   "save":"Simpan",
   "language":"BAHASA",

view/Auth.js

@@ -596,7 +596,7 @@ class Auth extends React.Component {
             fontFamily: 'Gotham-Black',
             color: 'white'
           },
-          headerTitle: 'New Password'
+          headerTitle: i18n.t('headerNewPassword')
 
         }} />
         {/* <Stack.Screen name="Login" component={Login} /> */}

view/NewPassword.js

@@ -6,6 +6,7 @@ import ActionType from '../redux/globalActionType';
 import { BASE_URL_NEW_PASSWORD } from '../model/Base_Model'
 import Spinner from 'react-native-loading-spinner-overlay';
 import MyStatusBar from './MyStatusBar';
+import i18n from 'i18n-js';
 
 class NewPassword extends React.Component {
     constructor(props) {
@@ -83,28 +84,28 @@ class NewPassword extends React.Component {
                 />
                 <View style={{ flex: 3 }}>
                     <View style={{ flex: 1, marginRight: 30, marginLeft: 30, top: 20 }}>
-                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Email</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('email')}</Text>
                         <Text style={{ fontFamily: 'Gotham-Black', color: '#838383', fontSize: 18, textAlign: 'center', margin: 3, marginBottom: 15 }}>{this.props.email}</Text>
 
 
 
-                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Token</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('token')}</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={(confirmation_number) => this.setState({ confirmation_number })}
                             value={this.state.confirmation_number} />
-                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>New Password</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('newpassword')}</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={(password) => this.setState({ password })}
                             value={this.state.password}
                             secureTextEntry={true} />
-                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>Repeat Password</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 20, textAlign: 'center', margin: 3 }}>{i18n.t('repeatpassword')}</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={(password_confirmation) => this.setState({ password_confirmation })}
                             value={this.state.password_confirmation}
                             secureTextEntry={true} />
                         <TouchableOpacity style={{ height: 100 }} onPress={() => this.handleResetPassword()}>
                             <View style={{ backgroundColor: '#CFB368', height: 45, top: 20, borderRadius: 10, marginRight: 50, marginLeft: 50 }}>
-                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>SUBMIT</Text>
+                                <Text style={{ alignSelf: 'center', top: 10, color: 'white', fontFamily: 'Gotham-Black', fontSize: 20 }}>{i18n.t('submit')}</Text>
                             </View>
                         </TouchableOpacity>
                     </View>