remove: tabs permission, add view address on explorer button

src/extension/manifest.json

@@ -23,7 +23,6 @@
     "minimum_chrome_version": "93",
 
     "permissions": [
-      "tabs",
       "notifications",
       "storage",
       "alarms",

src/views/HomeTab.vue

@@ -37,6 +37,17 @@
         <ion-label>Selected Network ID: {{ selectedNetwork?.chainId }}</ion-label>
         <ion-button @click="networksModal = true">Select</ion-button>
       </ion-item>
+      <ion-item v-if="!loading && selectedNetwork?.explorer && selectedAccount?.address">
+        <ion-button
+          @click="
+            openTab(
+              `${selectedNetwork.explorer}/${selectedAccount?.address}`.replace('//', '/')
+            )
+          "
+          expand="block"
+          >View Address on {{ selectedNetwork.explorer }}
+        </ion-button>
+      </ion-item>
 
       <ion-loading
         :is-open="loading"
@@ -54,9 +65,7 @@
       ></ion-toast>
     </ion-content>
 
-    <ion-modal
+    <ion-modal :is-open="accountsModal">
-        :is-open="accountsModal"
-      >
       <ion-header>
         <ion-toolbar>
           <ion-buttons slot="start">
@@ -84,16 +93,14 @@
                 <ion-label>{{ account.name }}</ion-label>
               </ion-item>
               <ion-item>
-                    <ion-text style="font-size:0.8rem;">{{ account.address }}</ion-text>
+                <ion-text style="font-size: 0.8rem">{{ account.address }}</ion-text>
               </ion-item>
             </ion-list>
           </ion-radio-group>
         </ion-list>
       </ion-content>
     </ion-modal>
-          <ion-modal
+    <ion-modal :is-open="networksModal">
-        :is-open="networksModal"
-      >
       <ion-header>
         <ion-toolbar>
           <ion-buttons slot="start">
@@ -168,12 +175,13 @@ import {
   replaceNetworks,
   getUrl,
   saveSelectedNetwork,
-  numToHexStr
+  numToHexStr,
+  openTab,
 } from "@/utils/platform";
 import type { Network, Account, Networks } from "@/extension/types";
 import { mainNets } from "@/utils/networks";
 import router from "@/router";
-import { triggerListner } from '@/extension/listners'
+import { triggerListner } from "@/extension/listners";
 
 import { copyOutline } from "ionicons/icons";
 
@@ -243,19 +251,21 @@ export default defineComponent({
       router.push("/tabs/add-network");
     };
 
-
     const changeSelectedAccount = async (address: string) => {
       loading.value = true;
-      const findIndex = accounts.value.findIndex(a => a.address == address)
+      const findIndex = accounts.value.findIndex((a) => a.address == address);
       if (findIndex > -1) {
-        selectedAccount.value = accounts.value[findIndex]
+        selectedAccount.value = accounts.value[findIndex];
-        await saveSelectedAccount(selectedAccount.value)
+        await saveSelectedAccount(selectedAccount.value);
         // console.log(({ [address]: accounts.value[address], ...accounts.value}))
         accounts.value.splice(findIndex, 1);
-        accounts.value.splice(0,0,selectedAccount.value)
+        accounts.value.splice(0, 0, selectedAccount.value);
-        const newAccounts = [...accounts.value]
+        const newAccounts = [...accounts.value];
-        await replaceAccounts(newAccounts)
+        await replaceAccounts(newAccounts);
-        triggerListner('accountsChanged', newAccounts.map(a => a.address)) 
+        triggerListner(
+          "accountsChanged",
+          newAccounts.map((a) => a.address)
+        );
       }
       accountsModal.value = false;
       loading.value = false;
@@ -269,7 +279,7 @@ export default defineComponent({
           Object.assign({ [chainId]: networks.value[chainId] }, networks.value)
         );
         selectedNetwork.value = networks.value[chainId];
-        triggerListner('chainChanged', numToHexStr(chainId))
+        triggerListner("chainChanged", numToHexStr(chainId));
       }
       networksModal.value = false;
       loading.value = false;
@@ -293,6 +303,7 @@ export default defineComponent({
       networksModal,
       mainNets,
       getUrl,
+      openTab,
     };
   },
 });