67 lines
1.9 KiB
JavaScript
67 lines
1.9 KiB
JavaScript
import lang from 'i18n-js';
|
|
import EmbarkJS from 'Embark/EmbarkJS';
|
|
import TestToken from '../../embarkArtifacts/contracts/TestToken';
|
|
import React from 'react';
|
|
import { Form, FormGroup, FormControl, Button } from 'react-bootstrap';
|
|
import { connect } from 'react-redux';
|
|
|
|
|
|
import ERC20TokenUI from './erc20token';
|
|
import { actions as accountActions } from '../reducers/accounts';
|
|
|
|
class TestTokenUI extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = {
|
|
amountToMint: 100,
|
|
};
|
|
}
|
|
|
|
handleMintAmountChange(e) {
|
|
this.setState({ amountToMint: e.target.value });
|
|
}
|
|
|
|
mint(e) {
|
|
const { addToBalance } = this.props;
|
|
e.preventDefault();
|
|
|
|
const value = parseInt(this.state.amountToMint, 10);
|
|
|
|
if (EmbarkJS.isNewWeb3()) {
|
|
TestToken.methods.mint(value).send({ from: web3.eth.defaultAccount })
|
|
.then(() => { addToBalance(value); });
|
|
} else {
|
|
TestToken.mint(value).send({ from: web3.eth.defaultAccount })
|
|
.then(() => { addToBalance(value); });
|
|
}
|
|
console.log(TestToken.options.address +".mint("+value+").send({from: " + web3.eth.defaultAccount + "})");
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<React.Fragment>
|
|
<h3>{lang.t('action.mint_test_token')}</h3>
|
|
<Form inline>
|
|
<FormGroup>
|
|
<FormControl
|
|
type="text"
|
|
defaultValue={this.state.amountToMint}
|
|
onChange={e => this.handleMintAmountChange(e)}
|
|
/>
|
|
<Button bsStyle="primary" onClick={e => this.mint(e)}>{lang.t('action.mint')}</Button>
|
|
</FormGroup>
|
|
</Form>
|
|
<ERC20TokenUI address={TestToken.options.address} />
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
}
|
|
|
|
const mapDispatchToProps = dispatch => ({
|
|
addToBalance(amount) {
|
|
dispatch(accountActions.addToSntTokenBalance(amount));
|
|
},
|
|
});
|
|
|
|
export default connect(null, mapDispatchToProps)(TestTokenUI);
|