translate redeem code

lib/en.json

@@ -127,5 +127,6 @@
     "help":"HELP",
     "youRated":"You Rated",
     "rateOrder":"Rate Order",
-    "headerEmailConfirm":"EMAIL CONFIRMATION"
+    "headerEmailConfirm":"EMAIL CONFIRMATION",
+    "headerRedeemCode":"REDEEM CODE"
 }
\ No newline at end of file

lib/id.json

@@ -129,5 +129,6 @@
   "help": "BANTUAN",
   "youRated": "You Rated@",
   "rateOrder": "Rate Order@",
-  "headerEmailConfirm":"KONFIRMASI EMAIL"
+  "headerEmailConfirm":"KONFIRMASI EMAIL",
+  "headerRedeemCode":"REDEEM CODE@"
 }
\ No newline at end of file

view/Auth.js

@@ -666,7 +666,7 @@ class Auth extends React.Component {
               color: 'white',
               fontSize: 20,
             },
-            title: 'REDEEM CODE',
+            title: i18n.t('headerRedeemCode'),
             headerLeft: props => <HeaderBackButton  {...props} onPress={() => navigation.navigate('Home', { screen: 'HOME' })} />,
           })} />
 

view/RedeemCode.js

@@ -5,6 +5,7 @@ import Axios from 'axios';
 import ActionType from '../redux/globalActionType';
 import NumberFormat from 'react-number-format';
 import Toast from 'react-native-tiny-toast';
+import i18n from 'i18n-js';
 
 class RedeemCode extends React.Component {
 
@@ -88,7 +89,7 @@ class RedeemCode extends React.Component {
                 <View style={styles.body}>
                     <View style={styles.current_balance}>
                         <View style={{ flex: 1, margin: 10 }}>
-                            <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }} >Balance</Text>
+                            <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }} >{i18n.t('balance')}</Text>
                         </View>
                         <View style={{ flex: 1, margin: 10 }}>
                             {/* <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }}>{this.props.balance_redeem}</Text> */}
@@ -97,7 +98,7 @@ class RedeemCode extends React.Component {
                     </View>
                     <View style={styles.current_balance}>
                         <View style={{ flex: 1, margin: 10 }}>
-                            <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }} >Points</Text>
+                            <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }} >{i18n.t('point')}</Text>
                         </View>
                         <View style={{ flex: 1, margin: 10 }}>
                             {/* <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#838383' }}>{this.props.point_redeem}</Text> */}
@@ -114,7 +115,7 @@ class RedeemCode extends React.Component {
                     </View> */}
                     <TouchableOpacity onPress={() => this.cancel()}>
                         <View style={styles.button}>
-                            <Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>Cancel Payment</Text>
+                            <Text style={{ color: 'white', fontSize: 16, fontFamily: 'Gotham-Black' }}>{i18n.t('cancel')} {i18n.t('payment')}</Text>
                         </View>
                     </TouchableOpacity>
                 </View>