fix: connecting wallet using firefox (#386)

* fix: connecting wallet using firefox

* fix: getInjectedExtensions function

* refactor: clean up

src/hooks/helper/common.ts

@@ -16,3 +16,6 @@ export const capitalize = (str: string): string => {
 export const getRandomFromArray = (list: any[]) => {
   return list[Math.floor(Math.random() * list.length)];
 };
+
+//Ref: https://stackoverflow.com/questions/951021/what-is-the-javascript-version-of-sleep
+export const wait = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));

src/hooks/helper/wallet.ts

@@ -1,3 +1,4 @@
+import { wait } from 'src/hooks/helper/common';
 import { EthereumProvider } from './../types/CustomSignature';
 import { supportEvmWalletObj, SupportWallet } from 'src/config/wallets';
 import { web3Enable } from '@polkadot/extension-dapp';
@@ -6,9 +7,24 @@ import { SubstrateAccount } from './../../store/general/state';
 import { deepLink } from 'src/links';
 
 export const getInjectedExtensions = async (): Promise<any[]> => {
-  const extensions = await web3Enable('AstarNetwork/astar-apps');
+  // Memo: Firefox takes some time to load the wallet extensions at the boot time.
+  let extensions = await web3Enable('AstarNetwork/astar-apps');
   // Memo: obtain the extension name
   // console.log('extensions', extensions);
+
+  const injectedWeb3 = window.injectedWeb3;
+  const numWalletExtensions = injectedWeb3 ? Object.values(window.injectedWeb3).length : 0;
+  const maxRetry = 20;
+  let numRetry = 0;
+  while (extensions.length !== numWalletExtensions) {
+    wait(400);
+    extensions = await web3Enable('AstarNetwork/astar-apps');
+    numRetry++;
+    if (numRetry > maxRetry) {
+      break;
+    }
+  }
+
   return extensions;
 };