translate trans history

lib/en.json

@@ -128,5 +128,7 @@
     "youRated":"You Rated",
     "rateOrder":"Rate Order",
     "headerEmailConfirm":"EMAIL CONFIRMATION",
-    "headerRedeemCode":"REDEEM CODE"
+    "headerRedeemCode":"REDEEM CODE",
+    "headerTransHistory":"TRANSACTION HISTORY",
+    "noTransHistoryData":"No Transaction History"
 }
\ No newline at end of file

lib/id.json

@@ -130,5 +130,7 @@
   "youRated": "You Rated@",
   "rateOrder": "Rate Order@",
   "headerEmailConfirm":"KONFIRMASI EMAIL",
-  "headerRedeemCode":"REDEEM CODE@"
+  "headerRedeemCode":"REDEEM CODE@",
+  "headerTransHistory":"RIWAYAT TRANSAKSI",
+  "noTransHistoryData":"Tidak ada riwayat transaksi"
 }
\ No newline at end of file

view/Auth.js

@@ -681,7 +681,7 @@ class Auth extends React.Component {
               color: 'white',
               fontSize: 20,
             },
-            title: 'TRANSACTION HISTORY'
+            title: i18n.t('headerTransHistory')
           }} />
         <Stack.Screen name="Transaction Detail" component={TransactionDetail}
           options={{

view/TransactionHistory.js

@@ -6,6 +6,7 @@ import Axios from 'axios';
 import moment from 'moment'
 import MyStatusBar from './MyStatusBar';
 import NumberFormat from 'react-number-format';
+import i18n from 'i18n-js';
 
 class TransactionHistory extends React.Component {
     constructor(props) {
@@ -117,7 +118,7 @@ class TransactionHistory extends React.Component {
                                                             <Text style={{ fontFamily: 'Gotham-Black', color: '#CFB368', fontSize: 12, margin: 2 }}>{i.trans_type_display}</Text>
                                                             <TouchableOpacity onPress={() => this.props.navigation.navigate('Order Detail', { idTrans: i.id })}>
                                                                 <View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368', justifyContent: 'center', marginVertical: 5 }}>
-                                                                    <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 12, textAlign: 'center', paddingHorizontal: 5 }}>Lihat Detail Pemesanan</Text>
+                                                                    <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 12, textAlign: 'center', paddingHorizontal: 5 }}>{i18n.t('seeOrderDetail')}</Text>
                                                                 </View>
                                                             </TouchableOpacity>
                                                         </View>
@@ -212,7 +213,7 @@ class TransactionHistory extends React.Component {
                             ))
                         ) : (
                                 <View style={{ justifyContent: 'center', alignItems: 'center', height: 100 }}>
-                                    <Text style={{ textAlign: 'left', fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>No Transaction History</Text>
+                                    <Text style={{ textAlign: 'left', fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{i18n.t('noTransHistoryData')}</Text>
                                 </View>
                             )
                     }