fix: metamask switch network error

KyberNetwork · Nov 1, 2023 · ee0750f · ee0750f
1 parent afdae39
commit ee0750f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/hooks/web3/useChangeNetwork.ts b/src/hooks/web3/useChangeNetwork.ts
@@ -1,6 +1,7 @@
 import { ChainId } from '@kyberswap/ks-sdk-core'
 import { t } from '@lingui/macro'
 import { captureException } from '@sentry/react'
+import { AddEthereumChainParameter } from '@web3-react/types'
 import { useCallback } from 'react'
 
 import { NotificationType } from 'components/Announcement/type'
@@ -95,7 +96,7 @@ export function useChangeNetwork() {
       notify({
         title,
         type: NotificationType.ERROR,
-        summary: message,
+        summary: friendlyError(message),
       })
       customFailureCallback?.(error)
     },
@@ -128,17 +129,21 @@ export function useChangeNetwork() {
         nativeCurrency: {
           name: NETWORKS_INFO[desiredChainId].nativeToken.name,
           symbol: NETWORKS_INFO[desiredChainId].nativeToken.symbol,
-          decimals: NETWORKS_INFO[desiredChainId].nativeToken.decimal,
+          decimals: 18 as const,
         },
         blockExplorerUrls: [NETWORKS_INFO[desiredChainId].etherscanUrl],
       }
+      const addChainParameterWeb3: AddEthereumChainParameter = {
+        ...addChainParameter,
+        chainId: desiredChainId,
+      }
 
       enum Solution {
         web3_react = 'web3_react',
         provider_request = 'provider_request',
       }
       const solutions = {
-        [Solution.web3_react]: async () => await connector.activate(addChainParameter),
+        [Solution.web3_react]: async () => await connector.activate(addChainParameterWeb3),
         [Solution.provider_request]: async () => {
           const activeProvider = library?.provider ?? window.ethereum
           if (activeProvider?.request) {
@@ -214,7 +219,7 @@ export function useChangeNetwork() {
         extra: {
           wallet: walletEVM.walletKey,
           desiredChainId,
-          addChainParameter,
+          addChainParameterWeb3,
           friendlyMessages: errors.map(friendlyError),
           errors,
         },

diff --git a/src/utils/errorMessage.ts b/src/utils/errorMessage.ts
@@ -11,6 +11,9 @@ function parseKnownPattern(text: string): string | undefined {
 
   if (!error || error.includes('router: expired')) return t`An error occurred. Refresh the page and try again.`
 
+  if (matchPatterns(['already pending'], error))
+    return t`Request already pending on your wallet. Please open your wallet and approve it.`
+
   if (
     matchPatterns(
       [