[TASK] Validator and Operators Profile Page (V2)

[monaiuu]

Description

The Validator Details Page (V2) provides users with comprehensive information about each validator's performance, staking details, and participation in services. This page will need to accommodate both consensus-only validators and consensus + services validators (service operators), offering a clear and detailed view of their activities and metrics.

Key Sections and Metrics

Validator Identification

• Display the validator's avatar, ID, socials/website for identification.
• Consider including a section to allow brief description for each validator.

Staking Metrics Overview

• Self-staked Amount: Show the total amount of tokens the validator has staked in their own operations.
• Staking Amount from Nominators: Present the cumulative amount staked by nominators on this validator.
• Number of Nominators: List the total number of unique nominators who have staked tokens with the validator.
• Self-restaking Amount: If applicable, show the amount the validator has restaked from their own rewards into services.
• Delegation Amount: If applicable, display the total amount delegated to the validator by other users.

Node Specifications

• Detail the technical specifications of the validator's node, including hardware specs, network capacity, and uptime statistics.

Validator Key Stats Charts #264

• Era Points: Visualize the validator's performance over different eras in a chart format.
• Elected Stake: Display the total stake that contributed to the validator being elected for the consensus process.
• Rewards & Slashes: Chart the historical rewards earned and any slashes incurred for misbehavior or downtime.
• Commission: Indicate the commission rate charged by the validator on staking rewards.

Operating Services

• List the services the validator is currently operating, if applicable, with links to detailed service blueprints.
• Consider provide insights into the performance and status of each service, including the number of participants and completed jobs.

User Interaction

• Allow users to redirect to nominate or delegate tokens to the validator from the details page.

V1 Reference

tangle-network/dapp#1971