diff --git a/packages/ui-components/src/components/Wallet/Swap.tsx b/packages/ui-components/src/components/Wallet/Swap.tsx index 8498f5d5..6d1e9811 100644 --- a/packages/ui-components/src/components/Wallet/Swap.tsx +++ b/packages/ui-components/src/components/Wallet/Swap.tsx @@ -698,165 +698,172 @@ const Swap: React.FC = ({ {allTokens.length > 0 && - sourceTokens.length === 0 && - onClickBuy && - onClickReceive && ( - - - - )} - {showSwapIntro && ( - - {t('swap.introTitle')} - {t('swap.introContent')} - - )} - - $} - endAdornment={ - - } - /> - - - - {sourceTokenDescription || ''} - - {sourceToken && ( - - {t('swap.balance')}:{' '} - - {getTokenEntry(sourceToken)?.value - ? getTokenEntry(sourceToken)?.value.toLocaleString( - 'en-US', - { - style: 'currency', - currency: 'USD', - }, - ) - : numeral(getTokenEntry(sourceToken)?.balance).format( - '0.[0000]', - )} - - - )} - - - - {txId ? ( - - ) : isLoading ? ( - - ) : ( - - )} - - $} - endAdornment={ - + {sourceTokens + .filter(v => getTokenEntry(v)) + .map(v => ( + + + + ))} + + } + /> + + + + {sourceTokenDescription || ''} + + {sourceToken && ( + + {t('swap.balance')}:{' '} + + {getTokenEntry(sourceToken)?.value + ? getTokenEntry(sourceToken)?.value.toLocaleString( + 'en-US', + { + style: 'currency', + currency: 'USD', + }, + ) + : numeral( + getTokenEntry(sourceToken)?.balance, + ).format('0.[0000]')} + + + )} + + + + {txId ? ( + + ) : isLoading ? ( + + ) : ( + + )} + + - {destinationTokens - .filter(v => getTokenEntry(v, true)) - .map(v => ( - - - - ))} - - } - /> - - - {destinationTokenDescription || ''} - - - + stacked={true} + disabled={isLoading} + onChange={handleAmountChanged} + startAdornment={$} + endAdornment={ + + } + /> + + + {destinationTokenDescription || ''} + + + + + )} {txId && (