superhero-com / superhero-wallet

Superhero is a multi-blockchain wallet to manage crypto assets and navigate the web3 and DeFi space. Currently supporting Bitcoin, Ethereum and æternity blockchains.
https://wallet.superhero.com
ISC License
39 stars 38 forks source link

Register AENS - UX Improvements #3344

Open smaroudasunicorn opened 2 weeks ago

smaroudasunicorn commented 2 weeks ago

We need to change button text IF an AUCTION gets started ("Start Auction"). We can also change the button colour potentially to visualise to the user that something different will happen.

When user presses the button a confirmation of what has just happened shall be displayed. It should be clear, that this action triggers a transaction.

Image Image

onvisions commented 4 days ago

Acceptance criteria:

Dashboard/ Account details/ Names/ Register Name

I. If the name is under 13 characters long its ownership will be acquired on a name auction.

Case 1 There is not ongoing auction for the name. The button label is "Start auction". When button is clicked the "Start name auction" modal appears. It displays Initial bid, Transaction fee and Total. After clicking on "Start auction" the user is redirected to the Auctions tab with ongoing auctions and the newly started one visible.

Image

Image

Image

Image

Image

Case 2 There is already ongoing auction for the name. In this case the user should place higher bid for the name. The button label is "Place bid" When button is clicked the "Place bid" modal appears. It displays Bid amount, Transaction fee and Total. Bid amount is editable so that the user may place higher (but not lower) bid. If lower bid is entered in the input there is an error message showing the minimum bid amount allowed in the field. After clicking on "Place bid" the user is redirected to Auctions tab with the auction that they just bided on visible.

Image

Image

Image

II. If the name is equal to or above 13 characters then it's registered immediately at fixed price depending on name length. The button label is "Register name". When button is clicked the "Register name" modal appears. It displays Name fee, Transaction fee and Total. The transaction fee is a sum of the fees for Name pre-claim and Name claim transactions. Actually 2 blockchain transactions are executed while registering a .chain name but for the sake of improved UX we don't require the user to confirm each of them separately*.

* Regarding this all transactions originating from the wallet are currently auto-confirmed to improve UX (sync with Nikita for more info).

After clicking on "Register name" the user is redirected to Names tab where the newly registered name is listed with status "Pending...".

Image

Image

Image

Image

III. Minor text update of info modal:

Info Modal

PROTOTYPE REC:

  1. Start Auction/Register name:

https://github.com/user-attachments/assets/2b3ab52c-c301-471f-bd49-dc698b244b6c

  1. Place bid for name:

https://github.com/user-attachments/assets/1b783d40-538a-4b2a-8264-0ee6c564e384

Figma reference: https://www.figma.com/design/3oGLWzSH0oJljo4RETZtur/Superhero-Wallet-UI-(%E2%9C%94%EF%B8%8FUpdated)?node-id=37301-258666&node-type=frame&t=P2RhG8egEQKRW74Y-0