39 lines
1.0 KiB
React
39 lines
1.0 KiB
React
|
// @flow
|
||
|
|
|
||
|
|
import React from 'react';
|
||
|
|
import translate from 'translations';
|
||
|
|
|
||
|
|
export default class Donate extends React.Component {
|
||
|
|
props: {
|
||
|
|
onDonate: (address: string, amount: string, unit: string) => void
|
||
|
|
};
|
||
|
|
state: {
|
||
|
|
clicked: boolean
|
||
|
|
} = {
|
||
|
|
clicked: false
|
||
|
|
};
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div className="well">
|
||
|
|
<p>
|
||
|
|
{translate('sidebar_donation')}
|
||
|
|
</p>
|
||
|
|
<a className="btn btn-primary btn-block" onClick={this.onClick}>
|
||
|
|
{translate('sidebar_donate')}
|
||
|
|
</a>
|
||
|
|
{this.state.clicked &&
|
||
|
|
<div className="text-success text-center marg-v-sm">
|
||
|
|
{translate('sidebar_thanks')}
|
||
|
|
</div>}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
onClick = () => {
|
||
|
|
// FIXME move to config
|
||
|
|
this.props.onDonate('0x7cB57B5A97eAbe94205C07890BE4c1aD31E486A8', '1', 'ETH');
|
||
|
|
|
||
|
|
this.setState({ clicked: true });
|
||
|
|
};
|
||
|
|
}
|