From 0192ee4afd41a7162856e0a9c8d491c6aa7435f3 Mon Sep 17 00:00:00 2001
From: Nouman Tahir <nouman.hawkdev@gmail.com>
Date: Thu, 10 Nov 2022 13:58:40 +0500
Subject: [PATCH] changed web browser presentation style

---
 src/navigation/stackNavigator.tsx              |  2 +-
 src/screens/webBrowser/screen/webBrowser.tsx   |  5 ++---
 .../webBrowser/screen/webBrowserStyles.ts      | 18 +++++++++---------
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/navigation/stackNavigator.tsx b/src/navigation/stackNavigator.tsx
index eaafee539..5514c50da 100644
--- a/src/navigation/stackNavigator.tsx
+++ b/src/navigation/stackNavigator.tsx
@@ -56,7 +56,6 @@ const MainStackNavigator = () => {
       <MainStack.Screen name={ROUTES.SCREENS.ACCOUNT_BOOST} component={AccountBoost} />
       <MainStack.Screen name={ROUTES.SCREENS.COMMUNITY} component={Community} />
       <MainStack.Screen name={ROUTES.SCREENS.COMMUNITIES} component={Communities} />
-      <MainStack.Screen name={ROUTES.SCREENS.WEB_BROWSER} component={WebBrowser} />
       <MainStack.Screen name={ROUTES.SCREENS.REFER} component={ReferScreen} />
       <MainStack.Screen name={ROUTES.SCREENS.COIN_DETAILS} component={CoinDetails} />
       <MainStack.Screen name={ROUTES.SCREENS.EDIT_HISTORY} component={EditHistoryScreen} />
@@ -67,6 +66,7 @@ const MainStackNavigator = () => {
         <MainStack.Screen name={ROUTES.SCREENS.FOLLOWS} component={Follows} />
         <MainStack.Screen name={ROUTES.SCREENS.TRANSFER} component={Transfer} />
         <MainStack.Screen name={ROUTES.SCREENS.EDITOR} component={Editor} />
+        <MainStack.Screen name={ROUTES.SCREENS.WEB_BROWSER} component={WebBrowser} />
       </MainStack.Group>
     </MainStack.Navigator>
   );
diff --git a/src/screens/webBrowser/screen/webBrowser.tsx b/src/screens/webBrowser/screen/webBrowser.tsx
index 2db178e57..5bf8e4ce9 100644
--- a/src/screens/webBrowser/screen/webBrowser.tsx
+++ b/src/screens/webBrowser/screen/webBrowser.tsx
@@ -8,7 +8,6 @@ import styles from './webBrowserStyles';
 import { BasicHeader } from '../../../components';
 import EStyleSheet from 'react-native-extended-stylesheet';
 import { useIntl } from 'react-intl';
-import { WebViewError, WebViewErrorEvent } from 'react-native-webview/lib/WebViewTypes';
 
 export interface WebBrowserParams {
   url: string;
@@ -47,7 +46,7 @@ const WebBrowser = ({ navigation, route }: Props) => {
 
   const _onError = () => {
     Alert.alert(
-      intl.formatMessage({id:'alert.fail'}),
+      intl.formatMessage({ id: 'alert.fail' }),
     )
   }
 
@@ -75,7 +74,7 @@ const WebBrowser = ({ navigation, route }: Props) => {
         />
         {isLoading && (
           <ActivityIndicator
-            style={{ position: "absolute", top:16, left:0, right:0, alignItems:'center' }}
+            style={styles.loading}
             color={EStyleSheet.value('$primaryDarkGray')}
             size="large"
           />
diff --git a/src/screens/webBrowser/screen/webBrowserStyles.ts b/src/screens/webBrowser/screen/webBrowserStyles.ts
index bc1c1ef1b..c7291da00 100644
--- a/src/screens/webBrowser/screen/webBrowserStyles.ts
+++ b/src/screens/webBrowser/screen/webBrowserStyles.ts
@@ -3,17 +3,17 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 export default EStyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor:'$primaryBackgroundColor'
+    backgroundColor: '$primaryBackgroundColor'
   },
   webView: {
-    flex:1, 
-    width:'100%'
+    flex: 1,
+    width: '100%'
   },
-  loading: { 
-    position: "absolute", 
-    top:16, 
-    left:0, 
-    right:0, 
-    alignItems:'center' 
+  loading: {
+    position: "absolute",
+    top: 16,
+    left: 0,
+    right: 0,
+    alignItems: 'center'
   }
 });