feat: dont refresh page after wallet reset on web

Author: peronczyk

src/composables/permissions.ts

@@ -207,12 +207,17 @@ export function usePermissions() {
     }
   }
 
+  function resetPermissions() {
+    permissions.value = {};
+  }
+
   return {
     permissions,
     addPermission,
     removePermission,
     checkPermission,
     checkOrAskPermission,
     checkTransactionSignLimit,
+    resetPermissions,
   };
 }

src/composables/transactionList.ts

@@ -83,7 +83,7 @@ export function useTransactionList({
     ...transactionsLoaded.value,
   ]);
 
-  function resetState() {
+  function resetTransactionListState() {
     state.value = {
       accountAddress,
       assetContractId,
@@ -148,7 +148,7 @@ export function useTransactionList({
   async function initializeTransactionListPolling() {
     if (!state.value.isInitialLoadDone || !transactionsLoaded.value.length) {
       if (state.value.isInitialLoadDone && !transactionsLoaded.value.length) {
-        resetState();
+        resetTransactionListState();
       }
       await loadCurrentPageTransactions();
       if (
@@ -208,7 +208,7 @@ export function useTransactionList({
     || state.value.assetContractId !== assetContractId
     || state.value.networkName !== activeNetwork.value.name
   ) {
-    resetState();
+    resetTransactionListState();
   }
 
   return {
@@ -220,5 +220,6 @@ export function useTransactionList({
     loadCurrentPageTransactions,
     initializeTransactionListPolling,
     stopTransactionListPolling,
+    resetTransactionListState,
   };
 }

src/popup/components/Modals/ResetWalletModal.vue

@@ -59,13 +59,15 @@
 import { defineComponent, PropType } from 'vue';
 import { useRouter } from 'vue-router';
 import type { RejectCallback, ResolveCallback } from '@/types';
+import { IS_MOBILE_APP, PROTOCOLS } from '@/constants';
 import {
   useAccounts,
   useAeSdk,
   useNetworks,
+  usePermissions,
+  useTransactionList,
   useUi,
 } from '@/composables';
-import { IS_MOBILE_APP } from '@/constants';
 import { ROUTE_INDEX } from '@/popup/router/routeNames';
 import { WalletStorage } from '@/lib/WalletStorage';
 import { SecureMobileStorage } from '@/lib/SecureMobileStorage';
@@ -93,23 +95,32 @@ export default defineComponent({
     const { resetNetworks } = useNetworks();
     const { resetUiSettings } = useUi();
     const { disconnectDapps } = useAeSdk();
+    const { resetPermissions } = usePermissions();
+
+    const { resetTransactionListState } = useTransactionList({
+      protocol: PROTOCOLS.aeternity,
+      accountAddress: null as any, // `any` use deliberately to force setting empty state
+    });
 
     async function onReset() {
       resetAccounts();
       resetNetworks();
       resetUiSettings();
       disconnectDapps();
+      resetTransactionListState();
+      resetPermissions();
 
       WalletStorage.clear();
       if (IS_MOBILE_APP) {
         SecureMobileStorage.clear();
       }
+
       // TODO: Rethink this approach
       // It is removing the remaining vuex state
       await browser.storage.local.clear();
       await router.push({ name: ROUTE_INDEX });
+
       props.resolve();
-      window.location.reload();
     }
 
     return {