diff --git a/packages/core-mobile/app/screens/bridge/Bridge.tsx b/packages/core-mobile/app/screens/bridge/Bridge.tsx index 8c799b9de2..576105c59d 100644 --- a/packages/core-mobile/app/screens/bridge/Bridge.tsx +++ b/packages/core-mobile/app/screens/bridge/Bridge.tsx @@ -369,7 +369,8 @@ const Bridge: FC = () => { const renderBlockchain = ( blockchain: Blockchain, - textVariant: 'buttonLarge' | 'buttonMedium' + textVariant: 'buttonLarge' | 'buttonMedium', + testID?: string ): JSX.Element => { const blockchainTitle = getBlockchainDisplayName(blockchain) @@ -387,6 +388,7 @@ const Bridge: FC = () => { { justifyContent: 'flex-end', flex: 0 }}> - {renderBlockchain(blockchain, 'buttonLarge')} + {renderBlockchain(blockchain, 'buttonLarge', 'to_blockchain')} ) } @@ -425,7 +427,7 @@ const Bridge: FC = () => { alignItems: 'center', justifyContent: 'flex-end' }}> - {renderBlockchain(blockchain, 'buttonLarge')} + {renderBlockchain(blockchain, 'buttonLarge', 'from_blockchain')} ) } @@ -449,7 +451,11 @@ const Bridge: FC = () => { alignItems: 'center', flex: 1 }}> - {renderBlockchain(blockchain, 'buttonMedium')} + {renderBlockchain( + blockchain, + 'buttonMedium', + `dropdown_item__${blockchain}` + )} {isSelected && ( { )} - + {selectedAsset ? selectedAssetSymbol : 'Select Token'} @@ -593,6 +602,7 @@ const Bridge: FC = () => { if (isAmountTooLow) return ( { if (isAmountTooLarge) return ( { if (bridgeError) return ( { if (hasInvalidReceiveAmount) return ( { if (isNativeBalanceNotEnoughForNetworkFee) return ( { const renderToggleBtn = (): JSX.Element => { return ( @@ -756,7 +771,7 @@ const Bridge: FC = () => { const renderTransferBtn = (): JSX.Element => { return (