translate activate card

lib/en.json

@@ -87,6 +87,10 @@
     "Renewal": "RENEWAL",
     "Usebalancepoint": "USE BALANCE / POINTS",
     "Acitvatecard": "ACTIVATE CARD",
+    "mobilePhone":"Mobile Phone",
+    "resend":"Resend",
+    "cardNumber":"Card Number",
+    "activate":"ACTIVATE",    
     "upgradePremium": "UPGRADE PREMIUM",
     "alertpoin": "Sorry, your points are not enough",
     "alertselectpayment": "Please choose a payment method",

lib/id.json

@@ -6,16 +6,16 @@
   "firstName": "Nama Depan",
   "lastName": "Nama Belakang",
   "birthPlace": "Tempat Lahir",
-  "permanentAddress":"Alamat Permanen",
-  "province":"Provinsi",
-  "city":"Kota",
-  "village":"Kecamatan",
-  "district":"Kelurahan",
-  "job":"Pekerjaan",
-  "idCard":"KTP",
-  "nationality":"Kebangsaan",
-  "selfieImage":"Upload Foto Diri",
-  "idCardImage":"Upload Foto KTP",
+  "permanentAddress": "Alamat Permanen",
+  "province": "Provinsi",
+  "city": "Kota",
+  "village": "Kecamatan",
+  "district": "Kelurahan",
+  "job": "Pekerjaan",
+  "idCard": "KTP",
+  "nationality": "Kebangsaan",
+  "selfieImage": "Upload Foto Diri",
+  "idCardImage": "Upload Foto KTP",
   "Name": "Nama",
   "NotorderHistory": "Tidak ada riwayat transaksi",
   "NotActivate": "Anda belum aktivasi kartu",
@@ -90,6 +90,10 @@
   "Renewal": "RENEWAL",
   "Usebalancepoint": "GUNAKAN SALDO / POINT",
   "Acitvatecard": "AKTIVASI KARTU",
+  "mobilePhone": "Nomor HP",
+  "resend": "Kirim Ulang",
+  "cardNumber": "Nomor Kartu",
+  "activate": "AKTIVASI",
   "alertpoin": "Maaf Point tidak cukup",
   "alertselectpayment": "Silahkan pilih metode pembayaran",
   "alertbalance": "Maaf Saldo tidak cukup",

view/Auth.js

@@ -367,7 +367,7 @@ class Auth extends React.Component {
                       fontSize: 20,
                       color: 'white',
                       textAlign: 'center'
-                    }, title: 'ACTIVATE CARD'
+                    }, title: i18n.t('Acitvatecard')
                   }} />
                   <Stack.Screen name="Renewal" component={Renewal} options={{
                     headerStyle: { backgroundColor: '#CFB368' },

view/CardActivation.js

@@ -5,6 +5,7 @@ import Axios from 'axios';
 import ActionType from '../redux/globalActionType';
 import Spinner from 'react-native-loading-spinner-overlay';
 import session from '../function/session';
+import i18n from 'i18n-js';
 
 class CardActivation extends React.Component {
     constructor(props) {
@@ -49,9 +50,9 @@ class CardActivation extends React.Component {
             })
         }).catch(error => {
             let response = error.response.data;
-            const { navigation } = this.props
-            session(response, navigation)
-            Alert.alert(response.msg);
+            // const { navigation } = this.props
+            // session(response, navigation)
+            Alert.alert('',response.msg);
         })
     }
 
@@ -136,7 +137,7 @@ class CardActivation extends React.Component {
                 <View style={styles.form}>
                     <View style={styles.field_phone}>
                         <View style={{ flex: 1, margin: 10 }}>
-                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 19, textAlign: 'center', marginBottom: 5 }}>Mobile phone</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 19, textAlign: 'center', marginBottom: 5 }}>{i18n.t('mobilePhone')}</Text>
                             <TextInput
                                 style={{ height: 40, borderColor: 'gray', borderWidth: 1, padding: 5, borderRadius: 10,textAlign:'center',fontFamily:'Gotham-Black',color:'grey', fontSize:16}}
                                 onChangeText={mobile_phone => this.setState({ mobile_phone })}
@@ -162,14 +163,14 @@ class CardActivation extends React.Component {
                         this.state.timer === 0 ? (
                         <TouchableOpacity onPress={() => this.ResendToken()}>
                             <View style={{ height: 40, borderRadius: 20, backgroundColor: '#CFB368', margin: 20, justifyContent: 'center' }}>
-                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center' }}>Resend Token</Text>
+                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center' }}>{i18n.t('resend')} Token</Text>
                             </View>
                         </TouchableOpacity>
                         ) : (null)}
 
                     <View style={styles.field_email}>
                         <View style={{ flex: 1, margin: 10 }}>
-                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 19, textAlign: 'center', marginBottom: 5 }}>Card Number</Text>
+                        <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 19, textAlign: 'center', marginBottom: 5 }}>{i18n.t('cardNumber')}</Text>
                             <TextInput
                                 style={{ height: 40, borderColor: 'gray', borderWidth: 1, padding: 5, borderRadius: 10,textAlign:'center',fontFamily:'Gotham-Black',color:'grey', fontSize:16}}
                                 onChangeText={card_number => this.setState({ card_number })}
@@ -192,7 +193,7 @@ class CardActivation extends React.Component {
                     <View style={styles.button}>
                         <TouchableOpacity onPress={() => this.handleActivate()}>
                             <View style={{ height: 40, borderRadius: 20, backgroundColor: '#CFB368', margin: 20, justifyContent: 'center' }}>
-                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center' }}>ACTIVATE</Text>
+                                <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 20, textAlign: 'center' }}>{i18n.t('activate')}</Text>
                             </View>
                         </TouchableOpacity>
                     </View>