fix: fix an issue when desire chain is not added to metamask yet

KyberNetwork · Aug 3, 2022 · 539e30a · 539e30a
1 parent 9697356
commit 539e30a
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/hooks/useActiveNetwork.ts b/src/hooks/useActiveNetwork.ts
@@ -78,6 +78,15 @@ export function useActiveNetwork() {
           if (switchError?.code === 4902 || switchError?.code === -32603 || isSwitchError) {
             try {
               await activeProvider.request({ method: 'wallet_addEthereumChain', params: [addNetworkParams] })
+              if (chainId !== desiredChainId) {
+                addPopup({
+                  simple: {
+                    title: t`Failed to switch network`,
+                    success: false,
+                    summary: t`In order to use KyberSwap on ${NETWORKS_INFO[desiredChainId].name}, you must change the network in your wallet.`,
+                  },
+                })
+              }
               successCallback && successCallback()
             } catch (addError) {
               console.error(addError)
@@ -98,7 +107,7 @@ export function useActiveNetwork() {
         }
       }
     },
-    [dispatch, history, library, locationWithoutNetworkId, error, addPopup],
+    [dispatch, history, library, locationWithoutNetworkId, error, addPopup, chainId],
   )
 
   useEffect(() => {