poanetwork
/
poa-dapps-validators
mirror of https://github.com/poanetwork/poa-dapps-validators.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Merge pull request #64 from varasev/core 

(Feature) Display an index of each validator
This commit is contained in:
Victor Baranov 2018-06-13 12:19:39 +03:00 committed by GitHub
parent 281ed3de02 8d3b2821f4
commit 78936daef6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/AllValidators.js
View File

@ -19,6 +19,9 @@ export default class AllValidators extends Component {
async getValidatorsData() {
const netId = this.props.web3Config.netId;
this.getMetadataContract()[this.props.methodToCall](netId).then((data) => {
for (let i = 0; i < data.length; i++) {
data[i].index = i + 1;
}
this.setState({
validators: data,
loading: false,
@ -62,6 +65,7 @@ export default class AllValidators extends Component {
expirationDate={validator.expirationDate}
createdDate={validator.createdDate}
updatedDate={validator.updatedDate}
index={validator.index}
metadataContract={this.props.web3Config.metadataContract}
methodToCall={this.props.methodToCall}
>

18
src/Validator.js
View File

@ -10,7 +10,8 @@ class Validator extends Component {
this.setState({confirmation: confirmation[0]})
})
}
render(){
render() {
let {
address,
firstName,
@ -22,15 +23,22 @@ class Validator extends Component {
expirationDate,
createdDate,
updatedDate,
index,
children,
} = this.props;
let confirmations = this.props.methodToCall === 'getAllValidatorsData' ? '' : <div className="confirmations">
<div>{this.state.confirmation} confirmations</div>
</div>
const showAllValidators = this.props.methodToCall === 'getAllValidatorsData';
const confirmations = showAllValidators ? '' : <div className="confirmations">
<div>{this.state.confirmation} confirmations</div>
</div>;
const indexAndAddress = showAllValidators ? `#${index}. ${address}` : address;
return(
<div className="validators-i">
<div className="validators-header">
<div className="validators-header--address">{address}</div>
<div className="validators-header--address">{indexAndAddress}</div>
<div>{confirmations}</div>
<div>{children}</div>
</div>