Teleport v2 improvements

[exezbcz]

let's make some small improvements and refine the current teleport page; with more and more chains, it's becoming pretty hardly usable, and I believe it could be better

Main

• updated file in handoff, page teleport https://www.figma.com/file/JXNtryaNYhY0XJNArzvPQx/Handoff?type=design&node-id=4168%3A6846&mode=design&t=QbGany6dp6MfT3aA-1

Design

• from top to bottom, not many changes, mainly visual and adding dropdowns instead of tabs
• keeping the teleport to your address only. In future it would be somehow merged with transfer anyway

Top part

• heading subheading, How it works, redirects to hello page: https://hello.kodadot.xyz/tutorial/teleport-bridge

Source and destination

• its needed to fill out these dropdowns. They are rounded this time

• on the right from the designs, there is more on the dropdowns
  

• I think there could be polkadot -> polkadothub by default, as mentioned here: Wrong currency on the Teleport page #6740

Asset Amount

• here, you will specify the asset amount
• right now, its fixed to the one asset we support on both networks
• under is balance with max button - this button has the same hover effects as in the profile sidebar
• the input changes according to the designs - active black stroke

Proceed to confirmation

• big button
• we can keep the disabled states from the old version of teleport - insufficient funds, select destination chain etc.

Context message

• same as the old version with "(you are owner) message

That is it. Feel free to ask, thanks!

[yangwao]

Highlighting this as p1 as its currently major UX break for creators

• Teleport integration in action buttons in single click // automatic bridging #4917

[exezbcz]

updated and ready guys 🚀

[yangwao]

Why are we redesigning the screen, which will be dissolved in the future?

Why should people visit one more extra screen? I think that will confuse them even more.

In favour, the teleport screen will go away in teleportation in action buttons

• Teleport integration in action buttons in single click // automatic bridging #4917

[exezbcz]

@yangwao because the user should have the option to teleport even if it's not combined with any action (auto bridging in action buttons - buy, make offer, mint...)

Why should people visit one more extra screen? I think that will confuse them even more.

They won't

In favour, the teleport screen will go away in teleportation in action buttons

What would you do if you just wanted to move your assets?

[exezbcz]

👀

[newraina]

👋🏻

[kodabot]

ASSIGNED - @newraina 🔒 LOCKED -> Saturday, November 4th 2023, 19:52:43 UTC -> 36 hours