114 lines
3.3 KiB
JavaScript
114 lines
3.3 KiB
JavaScript
|
// Copyright 2015, 2016 Ethcore (UK) Ltd.
|
||
|
|
// This file is part of Parity.
|
||
|
|
|
||
|
|
// Parity is free software: you can redistribute it and/or modify
|
||
|
|
// it under the terms of the GNU General Public License as published by
|
||
|
|
// the Free Software Foundation, either version 3 of the License, or
|
||
|
|
// (at your option) any later version.
|
||
|
|
|
||
|
|
// Parity is distributed in the hope that it will be useful,
|
||
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||
|
|
// GNU General Public License for more details.
|
||
|
|
|
||
|
|
// You should have received a copy of the GNU General Public License
|
||
|
|
// along with Parity. If not, see <http://www.gnu.org/licenses/>.
|
||
|
|
|
||
|
|
import React, { Component, PropTypes } from 'react';
|
||
|
|
import { Checkbox } from 'material-ui';
|
||
|
|
|
||
|
|
import { Form, Input } from '../../../ui';
|
||
|
|
import TxHash from '../../../ui/TxHash';
|
||
|
|
|
||
|
|
import { toWei } from '../../../api/util/wei';
|
||
|
|
import { sha3 } from '../../../api/util/sha3';
|
||
|
|
|
||
|
|
// import styles from './sendRequest.css';
|
||
|
|
|
||
|
|
export default class SendRequest extends Component {
|
||
|
|
static contextTypes = {
|
||
|
|
api: PropTypes.object.isRequired
|
||
|
|
}
|
||
|
|
|
||
|
|
static propTypes = {
|
||
|
|
account: PropTypes.string.isRequired,
|
||
|
|
contract: PropTypes.object.isRequired,
|
||
|
|
data: PropTypes.object.isRequired,
|
||
|
|
onData: PropTypes.func.isRequired,
|
||
|
|
onSuccess: PropTypes.func.isRequired,
|
||
|
|
onError: PropTypes.func.isRequired
|
||
|
|
}
|
||
|
|
|
||
|
|
state = {
|
||
|
|
init: true,
|
||
|
|
step: 'init'
|
||
|
|
};
|
||
|
|
|
||
|
|
componentWillMount () {
|
||
|
|
const { init } = this.state;
|
||
|
|
if (init) {
|
||
|
|
this.send();
|
||
|
|
this.setState({ init: false });
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
render () {
|
||
|
|
const { step } = this.state;
|
||
|
|
|
||
|
|
if (step === 'error') {
|
||
|
|
return (<p>{ this.state.error }</p>);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (step === 'pending') {
|
||
|
|
return (<p>Waiting for authorization by the Parity Signer.</p>);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (step === 'posted') {
|
||
|
|
return (
|
||
|
|
<div>
|
||
|
|
<p>The transaction has been sent to the network.</p>
|
||
|
|
<TxHash hash={ this.props.data.txHash } />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
send = () => {
|
||
|
|
const { api } = this.context;
|
||
|
|
const { account, contract, onData, onError } = this.props;
|
||
|
|
// const { number } = this.props.data;
|
||
|
|
|
||
|
|
// TODO: redeploy SMSVerification.sol, it has a public fee prop now
|
||
|
|
const fee = toWei(.01); // .01 Eth
|
||
|
|
|
||
|
|
const request = contract.functions.find((fn) => fn.name === 'request');
|
||
|
|
const options = { from: account, value: fee.toString() };
|
||
|
|
|
||
|
|
request.estimateGas(options, [])
|
||
|
|
.then((gas) => {
|
||
|
|
options.gas = gas.mul(1.2).toFixed(0);
|
||
|
|
// TODO: show message
|
||
|
|
this.setState({ step: 'pending' });
|
||
|
|
return request.postTransaction(options, []);
|
||
|
|
})
|
||
|
|
.then((handle) => {
|
||
|
|
// TODO: The "request rejected" error doesn't have any property to
|
||
|
|
// distinguish it from other errors, so we can't give a meaningful error here.
|
||
|
|
return api.pollMethod('parity_checkRequest', handle);
|
||
|
|
})
|
||
|
|
.then((txHash) => {
|
||
|
|
onData({ txHash: txHash });
|
||
|
|
this.setState({ step: 'posted' });
|
||
|
|
// TODO: subscribe to `Requested`
|
||
|
|
})
|
||
|
|
.catch((err) => {
|
||
|
|
console.error('failed to request sms verification', err);
|
||
|
|
onError(err);
|
||
|
|
this.setState({ step: 'error', error: err.message });
|
||
|
|
// TODO: show message in SnackBar
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|