diff --git a/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx b/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx index 6ceababa2..bf94f4bf6 100644 --- a/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx +++ b/webapp/src/components/Modals/BuyWithCryptoModal/BuyWithCryptoModal.tsx @@ -225,7 +225,10 @@ export const BuyWithCryptoModal = (props: Props) => { manaTokenOnSelectedChain || getMANAToken(selectedChain) ) // if it's not in the providerTokens, create the object manually with the right conectract address } catch (error) { - setSelectedToken(providerTokens[0]) + const selectedChainTokens = providerTokens.filter( + t => t.chainId === selectedChain.toString() + ) + setSelectedToken(selectedChainTokens[0]) } } }, [ @@ -796,7 +799,9 @@ export const BuyWithCryptoModal = (props: Props) => { })} ) : null} - {!canBuyAsset && !isFetchingBalance && !isFetchingRoute ? ( + {canBuyAsset === false && + !isFetchingBalance && + !isFetchingRoute ? ( {t('buy_with_crypto_modal.insufficient_funds', { token: insufficientToken?.symbol || 'MANA'