fix: explorers url

Author: izayl

.gitignore

@@ -34,4 +34,5 @@ yarn-error.log*
 .vercel
 
 TODO
-.eslintcache
+.eslintcache
+.env

chainlist.d.ts

@@ -1,10 +1,16 @@
-
 interface NativeCurrency {
   name: string
   symbol: string
   decimals: number
 }
 
+interface Explorer {
+  name: string
+  url: string
+  icon: string
+  standard: string
+}
+
 interface Chain {
   name: string
   chainId: number
@@ -16,6 +22,7 @@ interface Chain {
   rpc: string[]
   faucets: string[]
   infoURL: string
+  explorers?: Explorer[]
   selectCounts?: number
 }
 
@@ -24,7 +31,7 @@ interface AddEthereumChainParameter {
    * the integer ID of the chain as a hexadecimal string
    */
   chainId: string
-  blockExplorerUrls?: string[]
+  blockExplorerUrls?: string[] | Explorer[]
   chainName?: string
   iconUrls?: string[]
   nativeCurrency?: {

common/hooks/useChain.tsx

@@ -18,9 +18,12 @@ export const useChain = (): [number | undefined, (chain: Chain) => void] => {
 
   const addEthChain = (chain: Chain) => {
     if (!enable) return
+
     const params: AddEthereumChainParameter = {
       chainId: hexValue(chain.chainId),
-      blockExplorerUrls: [chain.infoURL],
+      blockExplorerUrls: chain.explorers?.length
+        ? [chain.explorers[0].url]
+        : [chain.infoURL],
       chainName: chain.name,
       nativeCurrency: {
         name: chain.nativeCurrency.name,
@@ -29,26 +32,30 @@ export const useChain = (): [number | undefined, (chain: Chain) => void] => {
       },
       rpcUrls: chain.rpc,
     }
+
     try {
       updateNetworkRecord(chain.chainId)
     } catch (error) {
       //
     }
-    window.ethereum.request({
-      method: 'wallet_addEthereumChain',
-      params: [params],
-    }).then(() => {
-      setToast({
-        text: 'add network successfully!',
+    window.ethereum
+      .request({
+        method: 'wallet_addEthereumChain',
+        params: [params],
+      })
+      .then(() => {
+        setToast({
+          text: 'add network successfully!',
+        })
+        const prev = window.localStorage.getItem(EVM_BOX_PERSIST)
+        const persist = [chain.chainId, prev].filter(Boolean).join(',')
+        window.localStorage.setItem(EVM_BOX_PERSIST, persist)
       })
-      const prev = window.localStorage.getItem(EVM_BOX_PERSIST)
-      const persist = [chain.chainId, prev].filter(Boolean).join(',')
-      window.localStorage.setItem(EVM_BOX_PERSIST, persist)
-    }).catch((e: Error) => {
-      setToast({
-        text: 'add network failed: ' + e.message,
+      .catch((e: Error) => {
+        setToast({
+          text: 'add network failed: ' + e.message,
+        })
       })
-    })
   }
 
   return [currentChainId, addEthChain]