Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
import React from 'react';
import {Bond} from 'oo7';
import {bonds} from 'oo7-parity';
import {Rspan, Rimg, ReactiveComponent} from 'oo7-react';
import {InputBond, HashBond, BButton, TransactionProgressLabel} from 'parity-reactive-ui';
const CounterABI = [{"constant":false,"inputs":[{"name":"_option","type":"uint256"}],"name":"vote","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"","type":"address"}],"name":"hasVoted","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[{"name":"","type":"uint256"}],"name":"votes","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"anonymous":false,"inputs":[{"indexed":true,"name":"who","type":"address"},{"indexed":true,"name":"option","type":"uint256"}],"name":"Voted","type":"event"}];
const Options = ['Red', 'Green', 'Blue'];
export class App extends React.Component {
constructor() {
super();
this.counter = bonds.makeContract('0x53a4b1A87069B8cF61dD7Bf16fbBF665694f8fa0', CounterABI);
this.voted = this.counter.hasVoted(bonds.me);
this.state = { tx: null };
this.prevVote = this.counter.Voted({ who: bonds.me });
}
render() {
var votingEnabled = Bond.all([this.voted, this.state.tx])
.map(([v, t]) => !v && (!t || !!t.failed));
return (<div>
{Options.map((n, i) => (<div key={i}><VoteOption
label={n}
votes={this.counter.votes(i)}
vote={() => this.setState({tx: this.counter.vote(i)})}
enabled={votingEnabled}
/></div>))}
<Rspan>
{this.prevVote.map(v => v.length > 0 ? `Already voted for ${Options[v[0].option]}` : '')}
</Rspan>
</div>);
}
}
class VoteOption extends ReactiveComponent {
constructor () {
super(['votes', 'enabled']);
}
readyRender () {
var s = {float: 'left', minWidth: '3em'};
if (!this.state.enabled)
s.cursor = 'not-allowed';
return (<span style={{ borderLeft:
`${1 + this.state.votes * 10}px black solid` }}>
<a
style={s}
href='#'
onClick={this.state.enabled && this.props.vote}>
{this.props.label}
</a>
</span>);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.