fix: select the first token from the chain selected

decentraland · Feb 27, 2024 · 3778685 · 3778685
1 parent b880f0b
commit 3778685
Showing 1 changed file with 7 additions and 2 deletions.
diff --git 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) => {
                   })}
                 </span>
               ) : null}
-              {!canBuyAsset && !isFetchingBalance && !isFetchingRoute ? (
+              {canBuyAsset === false &&
+              !isFetchingBalance &&
+              !isFetchingRoute ? (
                 <span className={styles.warning}>
                   {t('buy_with_crypto_modal.insufficient_funds', {
                     token: insufficientToken?.symbol || 'MANA'