translate delivery address

view/DeliveryAddrees.js

@@ -7,6 +7,7 @@ import Axios from 'axios';
 import ActionType from '../redux/globalActionType';
 import { MaterialCommunityIcons, Ionicons } from '@expo/vector-icons';
 import MyStatusBar from './MyStatusBar';
+import i18n from 'i18n-js';
 
 // import ravLog from '../helper/debug';
 
@@ -197,9 +198,6 @@ class DeliveryAddrees extends React.Component {
         })
 
 
-
-
-
         // let recalculateProps = {
         //     order_total: 0,
         //     order_quantity:0,
@@ -237,7 +235,7 @@ class DeliveryAddrees extends React.Component {
                                 />
                             </View>
                             <View>
-                                <Text style={{ textAlign: 'center', color: '#ccb46c', fontFamily: 'Gotham-Light', marginRight: 20 }}>PILIH</Text>
+                                <Text style={{ textAlign: 'center', color: '#ccb46c', fontFamily: 'Gotham-Light', marginRight: 20 }}>{i18n.t('selectaddress')}</Text>
                             </View>
 
                         </View>
@@ -266,7 +264,7 @@ class DeliveryAddrees extends React.Component {
                         <MaterialCommunityIcons name="map-marker" size={32} color="#ccb46c" />
                     </View>
                     <View style={{ flex: 6 }}>
-                        <TextInput style={{ height: 45 }} placeholder="Cari Alamat"
+                        <TextInput style={{ height: 45 }} placeholder={i18n.t('searchaddress')}
                             onChangeText={text => this.filterData(text)}
                             onClear={text => this.filterData('')}
                             value={this.state.search}></TextInput>
@@ -278,7 +276,7 @@ class DeliveryAddrees extends React.Component {
                 <View style={styles.btn_addreess}>
                     <TouchableOpacity onPress={() => this.addAdreess()}>
                         <View style={{ height: 40, borderRadius: 10, marginRight: 70, marginLeft: 70, backgroundColor: '#CFB368', justifyContent: 'center', alignContent: 'center' }}>
-                            <Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', color: 'white', fontSize: 16 }}>  Tambah Alamat </Text>
+                            <Text style={{ fontFamily: 'Gotham-Black', textAlign: 'center', color: 'white', fontSize: 16 }}> {i18n.t('addaddress')} </Text>
                         </View>
                     </TouchableOpacity>
 
@@ -344,7 +342,8 @@ const mapStateToProps = (state) => {
     return {
 
         session_id: state.session_id,
-        addressId: state.addressId
+        addressId: state.addressId,
+        language: state.language
 
     }
 }