search

danielssonn / blockstars

Web3 application on Ethereum. Stake in success of others, using smart contracts on blockchain. Get rewarded together.
0 stars 0 forks source link

dApp UI - Connect Wallet experience #32

Open danielssonn opened 2 years ago

danielssonn commented 2 years ago

On the initial load, for the first time user, Staking tokens will be minted. This takes additional transaction and wallet interaction. We need UI to let the user know when the minting of Staking tokens happens.

rccrc commented 2 years ago

A stepper can be added after connect button is clicked, showing 2 steps, 1. connecting wallet 2. minting tokens

danielssonn commented 2 years ago

Let's have reusable multi-step transaction progress component, that can work nicely while Metamask is popping up wildly. This is the toughest UX spot, takes a long time, can fail, can get reverted or be cancelled by the user ... plus the Metamask just popping up 'randomly' and creating disjointed experience with two UIs ... . Ideally we'd be able to 'move the progress' on multiple occasions:

We'll need the same for the staking experiences (#34 , #38), likely for harvest and withdraw later too. We can drive the progress through the contracts, publishing events that have the step index in them, success/fail/cancelled etc. Then we have the wait time issue we'd also like to make clearer to the user as to how long it will take ...