Validator on network X page design

[serejandmyself]

• /validator/X/cosmoshub
• Shows details of a validator on a given network
• First arrive by looking at validator table of networks and clicking on network in that table
• logo top of the page of the validator
• page title highlight
• Followed by a submenu with the following titles:

Validator info

• Taking this as reference (top of the page): https://www.mintscan.io/cosmos/validators/cosmosvaloper1e859xaue4k2jzqw20cv6l7p3tmc378pc3k8g2u
• but the representation needs to be https://analytics.smartstake.io/injective/val/injvaloper1hsxaln75wjs033t3spd8a0gawl4jvxawn6v849
• validator name in written, Account address (clickable link), validator address (clickable link), public key, identity, reward address if exists (clickable link), authz permissions (if exist) unjail, voting, withdraw rewards, withdraw commission, send tx (shows to which address and for how long is the grant given)
• Above (!) it, info boxes: commission (out of max possible for this validator), amount of tokens delegated, expected APR, outstanding reward, % of voting power compares to network, rank on the network, status: color coded
• authz Example: https://www.mintscan.io/bitcanna/tx/E6291B5EFF184B32864C94141521DA132F4856DCC30E2435EB11752F783BD1AB?height=9212015
• The box in the middle where it says Authz Grant. We will collect automatically all of such possible transactions

Voting summary

• Voting summary of the validator on proposals on a network (same style as summary of governance on val profile page)
• Clicking on proposal in this case (as oppose to val profile) opens details about the proposal

TX summary

• Transaction table of the validator on this network, with the following columns: status of tx (can also be color reference, i.e. - green for successful or red for failed), type of tx, timestamp, number of block it happened on, tx hash (number) - clickable to see details of tx

Rich list

• A table of the Delegators sorted by the amount of delegations to the validator: address, amount

Power history

• Power events: amount, block height, tx hash (number), amount of time ago (sorted by default starting with latest) - clickable to see details, amount
• Example: power events section: https://www.mintscan.io/cosmos/validators/cosmosvaloper1e859xaue4k2jzqw20cv6l7p3tmc378pc3k8g2u)

[serejandmyself]

Fixes (tab by tab) @sasarte

• The visual is awesome. We can follow the website theme and add an arrow, from the validator into the network ->

1) vinfo:

• commission and expected apr is 00.00%
• status should be more in the middle
• rank on network is double number, i.e. 17
• unjail, change to "jail status", answer is unjailed or jailed
• withdraw rewards / commission, change to withdrawn rewards/commission
• in general it s a bit too heave now (maybe we can play with the elements, like on the statistics tab of the network profile page)

2) voting summary:

• all good, maybe more examples
• add vote: yes/no/abstain

3) tx summary:

• add slider (like staking calculator page) with 2 choices all transactions <-> validator transactions
• all good, but needs more realistic info in the fields (right now, its random)

4) rich list and power history will be one tab. the correct one is the power history tab now. add address to the table, just like it is on the rich list tab now. and we need to add thee ascend/descend arrows to all columns here. The tab rename to: `Power history / Rich list" (for now)

5) New tab: statistics. Here, we will show visualizations of various things. For now you can add a few boxes and 1-2 charts from other tabs

[serejandmyself]

• Rich list + Power history become 1 tab = Rich list
• New tab, number 5 = Statistics