fix: show connect to ethereum button for unsupported chains (#536)

* fix: show connect to ethereum button for unsupported chains

* fix: correct logic

* fix: check supported token chain id

src/components/Swap/SwapActionButton/index.tsx

@@ -1,4 +1,5 @@
 import { useWeb3React } from '@web3-react/core'
+import { isSupportedChainId } from 'constants/chainInfo'
 import { SupportedChainId } from 'constants/chains'
 import { ChainError, useSwapInfo } from 'hooks/swap'
 import { SwapApprovalState } from 'hooks/swap/useSwapApproval'
@@ -36,9 +37,10 @@ export default function SwapActionButton() {
 
   if (!account || !isActive) {
     return <ConnectWalletButton />
-  } else if (error === ChainError.MISMATCHED_CHAINS) {
-    const tokenChainId = inputCurrency?.chainId ?? outputCurrency?.chainId ?? SupportedChainId.MAINNET
-    return <SwitchChainButton chainId={tokenChainId} />
+  } else if (error === ChainError.MISMATCHED_CHAINS || error === ChainError.UNSUPPORTED_CHAIN) {
+    const tokenChainId = inputCurrency?.chainId ?? outputCurrency?.chainId
+    const supportedTokenChainId = isSupportedChainId(tokenChainId) ? tokenChainId : SupportedChainId.MAINNET
+    return <SwitchChainButton chainId={supportedTokenChainId} />
   } else if (isWrap) {
     return <WrapButton disabled={isDisabled} />
   } else {