ganti jadi webview di transaction detail

package-lock.json

@@ -7165,9 +7165,9 @@
       }
     },
     "react-native-webview": {
-      "version": "7.4.3",
-      "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-7.4.3.tgz",
-      "integrity": "sha512-4n72B2D7n1xOQSoCSD1qk9D7JksyT4d6nk8QG9guZKZn3KXQL5EejwE2yhh1TxZRQpr+OD3a96rb+rA/UEnvrQ==",
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-7.6.0.tgz",
+      "integrity": "sha512-IQWtIpCTYb4dTshAJO3hMM9Ms5T6KRpk6qWqgBTGMdmgeEvSxWz9l7Og1ALhb7T7NoAnPy8w/dQmD9LlbGGs5g==",
       "requires": {
         "escape-string-regexp": "2.0.0",
         "invariant": "2.2.4"

package.json

@@ -75,7 +75,7 @@
     "react-native-view-pager": "^0.2.3",
     "react-native-view-shot": "3.0.2",
     "react-native-web": "~0.11.7",
-    "react-native-webview": "^7.4.3",
+    "react-native-webview": "^7.6.0",
     "react-navigation": "^4.2.2",
     "react-number-format": "^4.4.1",
     "react-redux": "^7.2.0",

view/OrderDetail.js

@@ -9,6 +9,7 @@ import NumberFormat from 'react-number-format';
 import { connect } from 'react-redux';
 import requestParams from '../helper/requestParams';
 import MyStatusBar from './MyStatusBar';
+import { WebView } from 'react-native-webview';
 
 class OrderDetail extends React.Component {
 
@@ -694,6 +695,26 @@ class OrderDetail extends React.Component {
 
                     {this.state.detail_trans.grab_track_url == '' ? (
                         null
+                    ) : (
+                            <WebView source={{ uri: this.state.detail_trans.grab_track_url }}
+                                // style={{
+                                //     height: 550,
+                                //     marginTop: 25,
+                                //     marginHorizontal: 20,
+                                // }}
+                                containerStyle={{
+                                    height: 550,
+                                    borderWidth: 1,
+                                    borderColor:'#838383',
+                                    borderRadius:10,
+                                    marginTop: 25,
+                                    marginHorizontal: 10,
+                                }} />
+                        )}
+
+
+                    {/* {this.state.detail_trans.grab_track_url == '' ? (
+                        null
                     ) : (
                             <TouchableOpacity onPress={() => {
                                 Linking.openURL(this.state.detail_trans.grab_track_url)
@@ -711,7 +732,7 @@ class OrderDetail extends React.Component {
                                     </View>
                                 </View>
                             </TouchableOpacity>
-                        )}
+                        )} */}
 
 
                     <TouchableOpacity onPress={() => {