grassrootseconomics/openethereum
5
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

sms verification: polish UI

Browse Source
This commit is contained in:
Jannis R 2016-11-09 19:04:13 +01:00
parent 8028c0fd65
commit cde9f454eb
No known key found for this signature in database
GPG Key ID: 0FE83946296A88A5
1 changed files with 17 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
js/src/modals/SMSVerification/GatherData/gatherData.js
View File

@ -16,6 +16,7 @@
import React, { Component, PropTypes } from 'react';
import { Checkbox } from 'material-ui';
import InfoIcon from 'material-ui/svg-icons/action/info-outline';
import SuccessIcon from 'material-ui/svg-icons/navigation/check';
import ErrorIcon from 'material-ui/svg-icons/navigation/close';
@ -59,12 +60,12 @@ export default class GatherData extends Component {
}
render () {
const { fee } = this.props.data;
const { numberIsValid } = this.state;
// TODO: proper legal text
return (
<Form>
<p>{ fee ? `The fee is ${fromWei(fee).toFixed(3)} ETH.` : 'Fetching the fee…' }</p>
{ this.renderFee() }
{ this.renderCertified() }
{ this.renderRequested() }
<Input
@ -83,6 +84,20 @@ export default class GatherData extends Component {
);
}
renderFee () {
const { fee } = this.props.data;
if (!fee) {
return (<p>Fetching the fee…</p>);
}
return (
<div className={ styles.container }>
<InfoIcon />
<p className={ styles.message }>The fee is { fromWei(fee).toFixed(3) } ETH.</p>
</div>
);
}
renderCertified () {
const { isCertified } = this.props.data;