pezkuwichain/pezkuwi-telemetry
1
0
Fork 0
mirror of https://github.com/pezkuwichain/pezkuwi-telemetry.git synced 2026-04-27 19:48:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show validator address for nodes (#37)

Browse Source 
Show validator address for nodes
This commit is contained in:
Maciej Hirsz
2018-09-12 13:55:37 +02:00
committed by GitHub
parent cc6a6cfef6
commit 762db7ebdc
13 changed files with 198 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/Node/Row.tsx
+5 -1
View File
@@ -1,10 +1,12 @@
import * as React from 'react';
import Identicon from 'polkadot-identicon';
import { formatNumber, trimHash, milliOrSecond, secondsWithPrecision } from '../../utils';
import { State as AppState } from '../../state';
import { SEMVER_PATTERN } from './';
import { Ago, Icon } from '../';
import nodeIcon from '../../icons/server.svg';
import nodeValidatorIcon from '../../icons/shield.svg';
import nodeTypeIcon from '../../icons/terminal.svg';
import peersIcon from '../../icons/broadcast.svg';
import transactionsIcon from '../../icons/inbox.svg';
@@ -22,6 +24,7 @@ export default class Row extends React.Component<AppState.Node, {}> {
<thead>
<tr>
<th><Icon src={nodeIcon} alt="Node" /></th>
<th style={{ width: 26 }}><Icon src={nodeValidatorIcon} alt="Validator" /></th>
<th style={{ width: 240 }}><Icon src={nodeTypeIcon} alt="Implementation" /></th>
<th style={{ width: 26 }}><Icon src={peersIcon} alt="Peer Count" /></th>
<th style={{ width: 26 }}><Icon src={transactionsIcon} alt="Transactions in Queue" /></th>
@@ -38,7 +41,7 @@ export default class Row extends React.Component<AppState.Node, {}> {
public render() {
const { nodeDetails, blockDetails, nodeStats } = this.props;
const [name, implementation, version] = nodeDetails;
const [name, implementation, version, validator] = nodeDetails;
const [height, hash, blockTime, blockTimestamp, propagationTime] = blockDetails;
const [peers, txcount] = nodeStats;
const [semver] = version.match(SEMVER_PATTERN) || [version];
@@ -52,6 +55,7 @@ export default class Row extends React.Component<AppState.Node, {}> {
return (
<tr className={className}>
<td>{name}</td>
<td>{validator ? <span className="Node-Row-validator" title={validator}><Identicon id={validator} size={16} /></span> : null}</td>
<td><span title={`${implementation} v${version}`}>{implementation} v{semver}</span></td>
<td>{peers}</td>
<td>{txcount}</td>