tangle-network / webb-experiences

Dedicated repository for discovery, exploration, and inspiration of the Webb ecosystem.
3 stars 0 forks source link

[SPEC] Staking on validators (NPoS) UI from EVM #195

Closed monaiuu closed 11 months ago

monaiuu commented 1 year ago

Objective

Design for staking on validators using the Nominated Proof-of-Stake (NPoS) consensus mechanism within an EVM-compatible environment for Tangle Network.

Potential Components

Potential User Flow

User Flow

  1. Authentication and Wallet Connection

a. User visits the staking platform. b. User connects their EVM wallet (e.g., MetaMask). c. The system retrieves and displays user's current staking information.

  1. Browsing Validators

a. User navigates to the validator list (may filter, search, and sort validators based on criteria). b. User can click on a validator to see more detailed information.

  1. Staking Process

a. User selects the validator they wish to stake on. b. User navigates to the staking panel and enters the amount they want to stake. c. User confirms the staking transaction in their EVM wallet. d. System provides real-time feedback on the transaction status. e. Once confirmed, the system updates the user's staking information and provides a summary.

  1. Unstaking and Nominating Validators

a. Similar to the staking process, users can also unstake or nominate validators through dedicated UI components. b. User feedback and confirmation mechanisms ensure a transparent process.

  1. Monitoring and Managing Stakes

a. User can view their staking overview, rewards, and status on the dashboard. b. User can modify, manage, or withdraw stakes as needed. c. Notification or banner keeps the user informed of any important events or changes. (optional)

  1. Support and Guidance

a. Help and guides are available throughout the platform to assist users. b. Tooltips and contextual help ensure users understand each step of the process.