fix: display select-able account on ‘Account Drawer’ after granting a…

…uthorisation on wallet extensions (#889)

* fix: removed calling duplicated requestExtensionsIfFirstAccess function

* refactor: clean up

* fix: removed duplicated code

* refactor: clean up

src/components/header/modals/ModalAccount.vue

@@ -146,8 +146,6 @@ import { useStore } from 'src/store';
 import { SubstrateAccount } from 'src/store/general/state';
 import { computed, defineComponent, PropType, ref, watch, onUnmounted, watchEffect } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useExtensions } from 'src/hooks/useExtensions';
-import { useMetaExtensions } from 'src/hooks/useMetaExtensions';
 import { useBreakpoints, useNetworkInfo } from 'src/hooks';
 import { Ledger } from '@polkadot/hw-ledger';
 import { astarChain } from 'src/config/chain';
@@ -328,14 +326,6 @@ export default defineComponent({
       { immediate: true }
     );
 
-    const requestExtensionsIfFirstAccess = (): void => {
-      // Memo: displays wallet's authorization popup
-      const { extensions } = useExtensions($api!!, store);
-      const { metaExtensions, extensionCount } = useMetaExtensions($api!!, extensions)!!;
-      store.commit('general/setMetaExtensions', metaExtensions.value);
-      store.commit('general/setExtensionCount', extensionCount.value);
-    };
-
     const updateIsLedgerAccount = async (isLedger: boolean): Promise<void> => {
       localStorage.setItem(LOCAL_STORAGE.IS_LEDGER, isLedger.toString());
       store.commit('general/setIsLedger', isLedger);
@@ -377,8 +367,6 @@ export default defineComponent({
       }
     };
 
-    watch([props.selectedWallet], requestExtensionsIfFirstAccess, { immediate: true });
-
     watch([selAccount], () => {
       toggleIsLedger.value = false;
     });

src/components/header/modals/ModalConnectWallet.vue

@@ -124,50 +124,6 @@
             </div>
           </div>
         </div>
-        <div v-if="selWallet && isNoExtension" class="box--no-extension">
-          <div class="title--no-extension">
-            <span class="text--install-title">
-              {{ $t('installWallet.getWallet', { value: $t(selWallet.name) }) }}
-            </span>
-          </div>
-          <div class="row--no-extension">
-            <span class="text--install">
-              {{ $t('installWallet.installWallet', { value: $t(selWallet.name) }) }}</span
-            >
-          </div>
-          <div class="row--icon-links">
-            <button>
-              <a
-                :href="selWallet.walletUrl"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="button--link"
-              >
-                <div class="icon--link">
-                  <astar-icon-external-link />
-                </div>
-                <span class="text--install-link">
-                  {{ $t('installWallet.install') }}
-                </span>
-              </a>
-            </button>
-            <button>
-              <a
-                :href="selWallet.guideUrl"
-                target="_blank"
-                rel="noopener noreferrer"
-                class="button--link"
-              >
-                <div class="icon--link">
-                  <astar-icon-external-link />
-                </div>
-                <span class="text--install-link">
-                  {{ $t('installWallet.learn') }}
-                </span>
-              </a>
-            </button>
-          </div>
-        </div>
       </div>
       <button :disabled="!currentAccountName" class="btn--disconnect" @click="disconnectAccount()">
         {{ $t('disconnect') }}