-
This transaction needs confirmation from other owners.
+
+
+
+ }
readOnly
allowCopy
/>
@@ -254,7 +264,12 @@ class Transfer extends Component {
}
key='cancel'
- label='Cancel'
+ label={
+
+ }
onClick={ this.handleClose }
/>
);
@@ -263,7 +278,12 @@ class Transfer extends Component {
disabled={ !this.store.isValid }
icon={
}
key='next'
- label='Next'
+ label={
+
+ }
onClick={ this.store.onNext }
/>
);
@@ -271,16 +291,31 @@ class Transfer extends Component {
}
key='back'
- label='Back'
+ label={
+
+ }
onClick={ this.store.onPrev }
/>
);
const sendBtn = (
}
+ icon={
+
+ }
key='send'
- label='Send'
+ label={
+
+ }
onClick={ this.store.onSend }
/>
);
@@ -288,7 +323,12 @@ class Transfer extends Component {
}
key='close'
- label='Close'
+ label={
+
+ }
onClick={ this.handleClose }
/>
);
diff --git a/js/src/modals/Verification/Done/done.js b/js/src/modals/Verification/Done/done.js
index 9f821c24b..2c2e48747 100644
--- a/js/src/modals/Verification/Done/done.js
+++ b/js/src/modals/Verification/Done/done.js
@@ -15,7 +15,9 @@
// along with Parity. If not, see
.
import React, { Component } from 'react';
-import SuccessIcon from 'material-ui/svg-icons/navigation/check';
+import { FormattedMessage } from 'react-intl';
+
+import { DoneIcon } from '~/ui/Icons';
import styles from './done.css';
@@ -23,8 +25,13 @@ export default class Done extends Component {
render () {
return (
-
-
Congratulations, your account is verified!
+
+
+
+
);
}
diff --git a/js/src/modals/Verification/GatherData/gatherData.js b/js/src/modals/Verification/GatherData/gatherData.js
index fd5dc7008..b5f7bf06b 100644
--- a/js/src/modals/Verification/GatherData/gatherData.js
+++ b/js/src/modals/Verification/GatherData/gatherData.js
@@ -18,12 +18,10 @@ import React, { Component, PropTypes } from 'react';
import { FormattedMessage } from 'react-intl';
import BigNumber from 'bignumber.js';
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';
import { fromWei } from '~/api/util/wei';
import { Form, Input } from '~/ui';
+import { DoneIcon, ErrorIcon, InfoIcon } from '~/ui/Icons';
import { nullableProptype } from '~/util/proptypes';
import smsTermsOfService from '~/3rdparty/sms-verification/terms-of-service';
@@ -81,7 +79,7 @@ export default class GatherData extends Component {
if (isServerRunning) {
return (
-
+
-
+
-
+
- The verification code has been sent to { receiver }.
+
+
+
.
import React, { Component, PropTypes } from 'react';
+import { FormattedMessage } from 'react-intl';
import { nullableProptype } from '~/util/proptypes';
import TxHash from '~/ui/TxHash';
@@ -34,14 +35,28 @@ export default class SendConfirmation extends Component {
const { step, tx } = this.props;
if (step === POSTING_CONFIRMATION) {
- return (The verification code will be sent to the contract. Please authorize this using the Parity Signer.
);
+ return (
+
+
+
);
}
if (step === POSTED_CONFIRMATION) {
return (
-
-
Please keep this window open.
+
+
+
+
);
}
diff --git a/js/src/modals/Verification/SendRequest/sendRequest.js b/js/src/modals/Verification/SendRequest/sendRequest.js
index 12c0ebd21..7df4ef1e4 100644
--- a/js/src/modals/Verification/SendRequest/sendRequest.js
+++ b/js/src/modals/Verification/SendRequest/sendRequest.js
@@ -15,6 +15,7 @@
// along with Parity. If not, see .
import React, { Component, PropTypes } from 'react';
+import { FormattedMessage } from 'react-intl';
import { nullableProptype } from '~/util/proptypes';
import TxHash from '~/ui/TxHash';
@@ -35,19 +36,39 @@ export default class SendRequest extends Component {
switch (step) {
case POSTING_REQUEST:
- return (A verification request will be sent to the contract. Please authorize this using the Parity Signer.
);
+ return (
+
+
+
+ );
case POSTED_REQUEST:
return (
-
-
Please keep this window open.
+
+
+
+
);
case REQUESTING_CODE:
return (
- Requesting a code from the Parity server and waiting for the puzzle to be put into the contract.
+
+
+
);
default:
diff --git a/js/src/modals/Verification/verification.js b/js/src/modals/Verification/verification.js
index b57f9a9dd..d94c44122 100644
--- a/js/src/modals/Verification/verification.js
+++ b/js/src/modals/Verification/verification.js
@@ -19,11 +19,10 @@ import { FormattedMessage } from 'react-intl';
import { connect } from 'react-redux';
import { observer } from 'mobx-react';
import { observable } from 'mobx';
-import DoneIcon from 'material-ui/svg-icons/action/done-all';
-import CancelIcon from 'material-ui/svg-icons/content/clear';
import { Button, IdentityIcon, Portal } from '~/ui';
import RadioButtons from '~/ui/Form/RadioButtons';
+import { CancelIcon, DoneIcon } from '~/ui/Icons';
import SMSVerificationStore from './sms-store';
import EmailVerificationStore from './email-store';
diff --git a/js/src/ui/Icons/index.js b/js/src/ui/Icons/index.js
index 442aea92b..ff3e86b26 100644
--- a/js/src/ui/Icons/index.js
+++ b/js/src/ui/Icons/index.js
@@ -37,6 +37,7 @@ export FileUploadIcon from 'material-ui/svg-icons/file/file-upload';
export FileIcon from 'material-ui/svg-icons/editor/insert-drive-file';
export FingerprintIcon from 'material-ui/svg-icons/action/fingerprint';
export GasIcon from 'material-ui/svg-icons/maps/local-gas-station';
+export InfoIcon from 'material-ui/svg-icons/action/info-outline';
export KeyIcon from 'material-ui/svg-icons/communication/vpn-key';
export KeyboardIcon from 'material-ui/svg-icons/hardware/keyboard';
export LinkIcon from 'material-ui/svg-icons/content/link';