[QA] Amount in Route section should be right-aligned

[tsadovska]

Describe the current behavior in detail

Checked on https://wormhole-connect.netlify.app/ [Testnet] with macOS 12.7.1 and Google Chrome Version 119.0.6045.159 (Official Build) (x86_64). Emulated device: Samsung Galaxy S8+.

Steps:

1. Prepare to send 3 AVAX from Fuji (Metamask) to Fantom (Metamask)
2. Observe "Automatic deposit" option in Route section

What is the expected/desired behavior

Amount in "Automatic Deposit" option should be right-aligned.

[hsnice16]

Hey, Hi @tsadovska If this issue is still open, then can I work on this issue? It seems like the alignment issue is on other places too

[AigaD]

Checked from: https://wormhole-connect.netlify.app/# with macOS Ventura 13.0.1, Chrome Version 119.0.6045.159. Emulated device: iPhone 12 Pro Alignment issues also noticed for a completed transaction Attachment:

[AigaD]

Linking issues: https://github.com/wormhole-foundation/wormhole-connect/issues/290

[tsadovska]

Issue is also reproducible on https://preview.portalbridge.com/7102d8ccad/ [Mainnet] with iPhone 11 Pro iOS 16.5.1 and Google Chrome Version 114.0.5735.124.

[AigaD]

Linking to https://github.com/wormhole-foundation/wormhole-connect/issues/290

[tsadovska]

Issue is reproducible on https://preview.portalbridge.com/4adb101c39/ [Mainnet] when sending 0.00001 ETH (Optimism) from Optimism (Metamask) to Aptos (Martian).

[AigaD]

Reproducible from: https://wormhole-connect-mainnet.netlify.app/# When sending wstETH from Arbitrum to Optimism Attachment:

[tsadovska]

Reproducible from https://preview.portalbridge.com/b05f4e9322/ [Mainnet] when sending 0.0003 wstETH (Ethereum) from Ethereum (MetaMask) to Optimism (MetaMask).

[AigaD]

Tested from: https://preview.portalbridge.com/8228d00809/# Reproduced when sending 0.001 wstETH (Optimism) from Optimism to Arbitrum Attachment:

[AigaD]

Tested from: https://testnet.portalbridge.com/ed4e22522f/# For transaction W (Sepolia) from Sepolia to Arbitrum Sepolia the amount in Preview section is not right-aligned Attachment:

[agodlevska]

Reproducible on https://portalbridge.com/ when sending 0.001 ETH from Ethereum (Metamask) to Optimism (Metamask). Attachment:

[agodlevska]

Reproducible on https://deploy-preview-2143--wormhole-connect-mainnet.netlify.app/#/ when sending 0.00014 wstETH from Polygon (Metamask) to Optimism (Metamask). Attachment:

[tsadovska]

Reproducible on https://preview.portalbridge.com/ac15114854/ [Mainnet] when sending 0.0000011 osETH from Arbitrum (MetaMask via WalletConnect) to Ethereum (MetaMask via WalletConnect) with NTT Automatic route. Checked with iPhone 11 Pro and Google Chrome 125.0.6422.80.

[agodlevska]

Reproducible on https://preview.portalbridge.com/8b6491733c/ when sending 0.0003 ETH (Base) from Base (Metamask) to Avalanche (Metamask).

Attachment:

[tsadovska]

Reproducible on https://preview.portalbridge.com/ba2ee08429/ [Mainnet] when sending 0.0001 wstETH from Ethereum (MetaMask) to BSC (MetaMask).

[tsadovska]

Issue is no longer reproducible after redesign.

Checked on https://portalbridge.com/.

• Portal Bridge version: v0.2.15-8477ae26d0
• Wormhole Connect version : v^1.0.0-beta.1-development

Closing the ticket.