translate address detail

view/AddreesDetail.js

@@ -10,6 +10,7 @@ import Axios from 'axios';
 import Spinner from 'react-native-loading-spinner-overlay';
 import { MaterialCommunityIcons, Ionicons } from '@expo/vector-icons';
 import ActionType from '../redux/globalActionType';
+import i18n from 'i18n-js';
 
 class AddreesDetail extends React.Component {
 
@@ -227,13 +228,13 @@ class AddreesDetail extends React.Component {
                                 </View>
                             </View>
                             <View style={styles.field_name_addrees}>
-                                <Text style={{ fontFamily: 'Gotham-Black', color: "#ccb46c", textAlign: 'center', fontSize: 18 }}>Label</Text>
+                                <Text style={{ fontFamily: 'Gotham-Black', color: "#ccb46c", textAlign: 'center', fontSize: 18 }}>{i18n.t('label')}</Text>
                                 <TextInput style={{ height: 40, borderWidth: 1, padding: 5, flex: 1, margin: 10, borderRadius: 10, borderColor: 'grey' }} onChangeText={(name) => this.setState({ name })} />
                             </View>
 
                             <View style={styles.field_detail_addrees}>
 
-                                <Text style={{ fontFamily: 'Gotham-Black', color: "#ccb46c",textAlign:'center', fontSize: 18 }}>Detail</Text>
+                                <Text style={{ fontFamily: 'Gotham-Black', color: "#ccb46c",textAlign:'center', fontSize: 18 }}>{i18n.t('detail')}</Text>
                                 <TextInput 
                                     style={{ height: 150, borderWidth: 1, padding: 5, flex: 1, margin: 10, borderRadius: 10, borderColor: 'grey' }}
                                     onChangeText={(description) => this.setState({ description })}
@@ -243,7 +244,7 @@ class AddreesDetail extends React.Component {
                             <View style={{ margin: 50, justifyContent: 'center' }}>
                                 <TouchableOpacity onPress={() => this.saveAddress()}>
                                     <View style={{ height: 40, borderRadius: 10, backgroundColor: '#CFB368', justifyContent: 'center' }}>
-                                        <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 16, textAlign: 'center' }}> Tambah Alamat</Text>
+                                        <Text style={{ fontFamily: 'Gotham-Black', color: 'white', fontSize: 16, textAlign: 'center' }}>{i18n.t('addaddress')}</Text>
                                     </View>
                                 </TouchableOpacity>
                             </View>
@@ -315,6 +316,7 @@ const mapStateToProps = (state) => {
     return {
 
         session_id: state.session_id,
+        language: state.language,
 
     }
 }