poa-dapps-voting/src/components/NewBallotMenuInfo/index.js

20 lines
902 B
JavaScript

import React from 'react'
export const NewBallotMenuInfo = ({ minThreshold, validatorsLength, keys, validatorLimitsMinThreshold, proxy }) => {
return (
<div className="mn-NewBallotMenuInfo">
<h2 className="mn-NewBallotMenuInfo_Title">Limits of the ballot</h2>
<ul className="mn-NewBallotMenuInfo_List">
<li className="mn-NewBallotMenuInfo_ListItem">
Minimum {minThreshold} from {validatorsLength} validators are required to pass the&nbsp; proposal
</li>
<li className="mn-NewBallotMenuInfo_ListItem">You can create {Number(keys)} ballot(s) for keys</li>
<li className="mn-NewBallotMenuInfo_ListItem">
You can create {Number(validatorLimitsMinThreshold)} ballot(s) for consensus
</li>
<li className="mn-NewBallotMenuInfo_ListItem">You can create {Number(proxy)} ballot(s) for proxy</li>
</ul>
</div>
)
}