diff --git a/js/src/modals/SMSVerification/SMSVerification.js b/js/src/modals/SMSVerification/SMSVerification.js
index d68b25291..75330bd21 100644
--- a/js/src/modals/SMSVerification/SMSVerification.js
+++ b/js/src/modals/SMSVerification/SMSVerification.js
@@ -33,7 +33,6 @@ export default class SMSVerification extends Component {
}
static propTypes = {
- isTest: PropTypes.bool,
account: PropTypes.string,
onClose: PropTypes.func.isRequired
}
@@ -54,36 +53,82 @@ export default class SMSVerification extends Component {
}
render () {
+ const { step } = this.state;
+
return (
- foo
+ { this.renderStep() }
);
}
renderDialogActions () {
const { onClose, account } = this.props;
+ const { step } = this.state;
+
+ const cancel = (
+ }
+ onClick={ onClose }
+ />
+ );
+
+ if (step === 1) {
+ return (
+
+ { cancel }
+ }
+ onClick={ onClose }
+ />
+
+ );
+ }
return (
+ { cancel }
}
- onClick={ onClose }
- />
- }
- onClick={ onClose }
+ key='next' label='Next'
+ icon={ }
+ onClick={ this.next }
/>
);
}
+
+ renderStep () {
+ const { step } = this.state;
+ if (step === 1) {
+ return this.renderSecondStep();
+ } else {
+ return this.renderFirstStep();
+ }
+ }
+
+ next = () => {
+ this.setState({
+ step: this.state.step + 1
+ });
+ }
+
+ renderFirstStep () {
+ return (
+ first step
+ );
+ }
+
+ renderSecondStep () {
+ return (
+ second step
+ );
+ }
}
diff --git a/js/src/views/Account/account.js b/js/src/views/Account/account.js
index 2e0759242..8ddd2d989 100644
--- a/js/src/views/Account/account.js
+++ b/js/src/views/Account/account.js
@@ -166,7 +166,10 @@ class Account extends Component {
// TODO: pass props
return (
-
+
);
}