update total - voucher

view/OrderDetail.js

@@ -32,7 +32,7 @@ class OrderDetail extends React.Component {
             review_rating: 0,
             cancelled_by_display: '',
             cancelled_reason: '',
-            caretHidden:true
+            caretHidden: true
         }
 
 
@@ -191,7 +191,7 @@ class OrderDetail extends React.Component {
                                     value={this.state.reason}
                                     textAlign='center'
                                     caretHidden={this.state.caretHidden}
-                                    onFocus={() => this.setState({caretHidden: false})}
+                                    onFocus={() => this.setState({ caretHidden: false })}
                                 />
                             </View>
                             <View>
@@ -581,6 +581,18 @@ class OrderDetail extends React.Component {
                             ) : (null)
                         ) : (null)
                     }
+                    {this.state.detail_trans != "" ? (
+                        this.state.detail_trans.used_reward.length ? (
+                            <View style={{ flexDirection: 'row', justifyContent: 'space-between', flex: 1, marginHorizontal: 10, marginTop: 5 }}>
+                                <View style={{ flex: 0.5, marginLeft: 10, marginVertical: 5 }}>
+                                    <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#CFB368' }}>{i18n.t('total')}</Text>
+                                </View>
+                                <View style={{ flex: 0.5, marginVertical: 5, alignItems: 'flex-end', marginRight: 10 }}>
+                                    {/* <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', textAlign: 'right', color: '#CFB368' }}>{this.state.detail_trans.trans_total}</Text> */}
+                                    <NumberFormat decimalScale={0} value={parseInt(this.state.detail_trans.trans_total) - parseInt(this.state.detail_trans.used_reward[0].reward.value)} renderText={value => <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', textAlign: 'right', color: '#CFB368' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
+                                </View>
+                            </View>
+                        ) : (
                                 <View style={{ flexDirection: 'row', justifyContent: 'space-between', flex: 1, marginHorizontal: 10, marginTop: 5 }}>
                                     <View style={{ flex: 0.5, marginLeft: 10, marginVertical: 5 }}>
                                         <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', color: '#CFB368' }}>{i18n.t('total')}</Text>
@@ -590,6 +602,9 @@ class OrderDetail extends React.Component {
                                         <NumberFormat decimalScale={0} value={this.state.detail_trans.trans_total} renderText={value => <Text style={{ fontSize: 20, fontFamily: 'Gotham-Black', textAlign: 'right', color: '#CFB368' }}>Rp. {value}</Text>} displayType={'text'} thousandSeparator={true} prefix={''} />
                                     </View>
                                 </View>
+                            )) : null
+                    }
+
 
                     {
                         this.state.trans_status < 4 && this.state.trans_status !== -1 ? (<TouchableOpacity onPress={() => { Linking.openURL('whatsapp://send?text=say something&phone=' + this.state.detail_trans.call_center_phone) }}>