diff --git a/js/src/modals/Verification/verification.js b/js/src/modals/Verification/verification.js index d1ea53798..0fac3bf75 100644 --- a/js/src/modals/Verification/verification.js +++ b/js/src/modals/Verification/verification.js @@ -15,13 +15,17 @@ // along with Parity. If not, see . import React, { Component, PropTypes } from 'react'; +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, Modal } from '~/ui'; import RadioButtons from '~/ui/Form/RadioButtons'; -import { nullableProptype } from '~/util/proptypes'; + +import SMSVerificationStore from './sms-store'; +import EmailVerificationStore from './email-store'; import styles from './verification.css'; @@ -52,11 +56,14 @@ import SendConfirmation from './SendConfirmation'; import Done from './Done'; @observer -export default class Verification extends Component { +class Verification extends Component { + static contextTypes = { + api: PropTypes.object.isRequired + } + static propTypes = { - store: nullableProptype(PropTypes.object.isRequired), account: PropTypes.string.isRequired, - onSelectMethod: PropTypes.func.isRequired, + isTest: PropTypes.bool.isRequired, onClose: PropTypes.func.isRequired } @@ -72,8 +79,10 @@ export default class Verification extends Component { method: 'sms' }; + @observable store = null; + render () { - const { store } = this.props; + const store = this.store; let phase = 0; let error = false; let isStepValid = true; if (store) { @@ -97,7 +106,8 @@ export default class Verification extends Component { } renderDialogActions (phase, error, isStepValid) { - const { store, account, onClose } = this.props; + const { account, onClose } = this.props; + const store = this.store; const cancel = (