3 things at least from the old UI should also be in the new one:

• Terms of service page
• "NOTICE: You're connected to mainnet, still in beta phase. BE CAREFUL!" warning (for both Ethereum L1 and Arbitrum 1)
• Pop up (or some sort of notification) before depositing and withdrawing alerting user of timing

Cache copy and pasted addresses & use ERC20 list in metamask account.

• Show amount "in transit" with ETA
• Show corresponding amounts / ETAs for multiple simultaneous "in transit" transactions

Should probably come up with different terms for "withdrawal" (rollup chain to contract vs. lockbox to account)

🚀 Feature

The Arbitrum Token Bridge website is only supporting ETH and ERC-20 token now.
And It looks like index UI code reserved this code.
So I want to know that does it have time planning to support ERC-721? Thanks!

maybe as a dropdown

Below the main section, put in "Need Help? Click below for a Tutorial" with a link to https://arbitrum.io/bridge-tutorial/

For mainnet, before we open up permissionless token registration, in light of #69, we have all of the available tokens displayed, so there's no need to allow a user to add a new token. The search box could instead be a filter (filters down the currently displayed tokens).

For rinkeby, we should continue supporting adding tokens. (maybe for rinkeby, it funcitions as both?)

We already have an alert warning users it takes 7 days, we should also warn users about the cost of executing the tx in the L1 after the 7 day confirmation period.

There is the cost of proving against the outputs merkle root which is usually constant.
For the actual token bridge execution costs (ie sending the tokens to the user), we can still run a eth_estimateGas

Should we display at current gas prices or maybe a couple preset values? ie 30gwei, 60gwei, 90gwei

Should use a getter like it does with depositTxns. Not currently a "bug" (txns won't get double-added), but produces a string of confusing console warnings

After running through the steps in #62 including connecting with MetaMask, I'm encountering errors:

also ensure symbols show up properly

it's time https://github.com/OffchainLabs/token-bridge-sdk

the pendingTransactions derived state caching seems off - triggers many updates, so the setInterval continuously gets reset and ends up never running its body

This is a token list gen issue

I.e., initiation should come under redeem-on-l1; likely just a line or two addition the sortedTransactions derived state

/ add the appropriate tsconfig/ eslint rule

I.e., if a user deliberately rejects a txn from metamask, have some of UI feedback

Currently we query all tokens for their name and symbol.

I believe we should use a token list to load these variables instead. We can have a different L1 token list, or just map the L2 token list https://bridge.arbitrum.io/token-list-42161.json so that we have the l1Address as a key for direct lookups.

If there is no info in the token list, we can then query for their name() and symbol() on-chain.

any old stuff rly

When querying the name and symbol of L1 tokens, they don't always contain regular strings.

https://etherscan.io/address/0x431ad2ff6a9C365805eBaD47Ee021148d6f7DBe0#readContract

We can identify when the names are bytes32 by their length, as they will return the appended zeroes to complete the length.
We can parse them using ethers.utils.parseBytes32String

...only happens for certain token? why?

For, i.e., current user's balance and amount in a pending withdrawal

Client side should (i.e.) track outbox entry creation, not just wait for confirm period blocks

I'm a user and want to send all my eth or tokens over.
We could add a button to set this automatically.

tricky part with eth is that we need to send over user balance - tx gas cost - msg.value

"OUTGOINGMESSGESTATE.NOT_FOUND" and "OUTGOINGMESSAGESTATE.UNCONFIRMED" should both just show as "unconfirmed"

Should track a separate "current token" for mainnet and testnet, or even just clearing upon switch would be fine