Tron pool UI changes

[maikReal]

What to do?

UI changes described at the end of the notion document: https://www.notion.so/blockscout/USDT-pool-on-Tron-38686f855a8449e4b73dd480998811fc?pvs=4

UPD 02.08:

• Still need to decide what we will do with the wallets
• Additional requirements could appear

UPD 14.08:

• Decided to show the banner inside the wallet selection screen - https://www.figma.com/file/VgEAclPmc6tghBwaSfTWAn/zkBob-App?type=design&node-id=4747-102401&mode=design&t=KA7MdMyRHYRcAvlT-4

Wallet connect library: https://www.npmjs.com/package/@tronweb3/tronwallet-adapter-walletconnect

[maikReal]

UPD 11.09: Will start working on this task right after we get the response from the Tron team

[maikReal]

@maxaleks If the task is finished, please move it to the next column

[maikReal]

@maxaleks @vadimnikonov1

We need to make new changes to the UI and make it more UX-friendly. What do we need to do?

1. During the restoring zkBob account for the "I used Web3 wallet" option we need to show all wallets without connecting to a specific pool. So, there will be the following list of wallets:

• MetaMask (should be in the first place of a user on the EVM pools)
• TronLink (should be in the first place of a user on the Tron pool)
• Wallet Connect

2. Change the text for the warning banner

• Copies for the Tron pool should be the following: "MetaMask and Wallet Connect wallets will be used only for restoring access to your previous zkBob account"
• Copies for the non-Tron pool should be the following: "TronLink wallet will be used only for restoring access to your previous zkBob account"

So, the user flow will be the following.

If a user wants to create a zkBob account on the Tron pool:

1. Click on the "Create new zkAccount" option
2. Choose the "Use my Web3 wallet" option
3. There will be available only the Tron Link wallet

If a user wants to restore a zkBob account on the Tron pool:

1. Click on the "I already have a zkAccount" option
2. Choose the "I used Web3 wallet" option
3. There will be 3 wallets: MM, WC, and TronLink. Also, there will be a warning banner (copies above)

If a user wants to restore a zkBob account on the non-Tron pool:

1. Click on the "I already have a zkAccount" option
2. Choose the "I used Web3 wallet" option
3. There will be 3 wallets: MM, WC, and TronLink. Also, there will be a warning banner (copies above)

[maxaleks]

@maikReal @vadimnikonov1

Changes have been made ✅