tampilkan nama outlet saat mode delivery

view/OrderDetail.js

-import { FontAwesome } from '@expo/vector-icons';
+import { FontAwesome, FontAwesome5 } from '@expo/vector-icons';
 import Axios from 'axios';
 import i18n from 'i18n-js';
 import moment from 'moment';
@@ -115,7 +115,7 @@ class OrderDetail extends React.Component {
         // console.log("PARAMETER : " + JSON.stringify(params))
         Axios.post(this.props.BASE_URL + 'crm/v2/transaction/detail', params).then(res => {
             let data = res.data
-           
+
             if (data.trans_status_display == 'On Queue') {
                 data.trans_status_display = 'Queueing'
             } else
@@ -358,6 +358,16 @@ class OrderDetail extends React.Component {
                                             )
                                     }
                                 </View>
+                                <View style={{ flex: 1, flexDirection: 'row', borderColor: 'grey', marginHorizontal: 10, padding: 10 }}>
+                                    <View style={{ flex: 0.1, justifyContent: 'center', alignItems: 'center' }}>
+                                        <FontAwesome5 name="store" size={18} color="#CFB368" />
+                                    </View>
+
+                                    <View style={{ flex: 0.6, justifyContent: 'center', paddingLeft: 10 }}>
+                                        <Text style={{ fontSize: 14, fontFamily: 'Gotham-Black', color: 'grey' }}>{this.state.detail_trans.outlet}</Text>
+                                        <Text style={{ fontSize: 12, fontFamily: 'Gotham-Light', color: 'grey' }}>{this.state.detail_trans.outlet_address}</Text>
+                                    </View>
+                                </View>
                                 <View style={{ flex: 1, flexDirection: 'row', borderBottomWidth: 1, borderColor: 'grey', marginHorizontal: 10, padding: 10 }}>
                                     <View style={{ flex: 0.1, justifyContent: 'center' }}>
                                         <Image source={require('../assets/grab-logo.png')} style={{ height: 32, width: 32, borderRadius: 5, }} />