Added reset button on phone verification

src/renderer/component/userPhoneVerify/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
-import { doUserPhoneVerify } from 'redux/actions/user';
+import { doUserPhoneVerify, doUserPhoneReset } from 'redux/actions/user';
 import {
   selectPhoneToVerify,
   selectPhoneVerifyErrorMessage,
@@ -15,6 +15,7 @@ const select = state => ({
 });
 
 const perform = dispatch => ({
+  resetPhone: () => dispatch(doUserPhoneReset()),
   verifyUserPhone: code => dispatch(doUserPhoneVerify(code)),
 });
 

src/renderer/component/userPhoneVerify/view.jsx

@@ -22,13 +22,22 @@ class UserPhoneVerify extends React.PureComponent {
     this.props.verifyUserPhone(code);
   }
 
+  reset() {
+    const { resetPhone } = this.props;
+    resetPhone();
+  }
+
   render() {
     const { cancelButton, phoneErrorMessage, phone, countryCode } = this.props;
     return (
       <Form onSubmit={this.handleSubmit.bind(this)}>
         <p>
-          Please enter the verification code sent to {`+${countryCode}`}
-          {phone}.
+          {__(
+            `Please enter the verification code sent to +${countryCode}${
+              phone
+            }. Didn't receive it? `
+          )}
+          <Link onClick={this.reset.bind(this)} label="Go back." />
         </p>
         <FormRow
           type="text"

src/renderer/constants/action_types.js

@@ -108,6 +108,7 @@ export const USER_EMAIL_NEW_FAILURE = 'USER_EMAIL_NEW_FAILURE';
 export const USER_EMAIL_VERIFY_STARTED = 'USER_EMAIL_VERIFY_STARTED';
 export const USER_EMAIL_VERIFY_SUCCESS = 'USER_EMAIL_VERIFY_SUCCESS';
 export const USER_EMAIL_VERIFY_FAILURE = 'USER_EMAIL_VERIFY_FAILURE';
+export const USER_PHONE_RESET = 'USER_PHONE_RESET';
 export const USER_PHONE_NEW_STARTED = 'USER_PHONE_NEW_STARTED';
 export const USER_PHONE_NEW_SUCCESS = 'USER_PHONE_NEW_SUCCESS';
 export const USER_PHONE_NEW_FAILURE = 'USER_PHONE_NEW_FAILURE';

src/renderer/redux/actions/user.js

@@ -82,6 +82,12 @@ export function doUserFetch() {
   };
 }
 
+export function doUserPhoneReset() {
+  return {
+    type: ACTIONS.USER_PHONE_RESET,
+  };
+}
+
 export function doUserPhoneNew(phone, country_code) {
   return dispatch => {
     dispatch({

src/renderer/redux/reducers/user.js

@@ -71,6 +71,11 @@ reducers[ACTIONS.USER_PHONE_NEW_SUCCESS] = (state, action) =>
     phoneNewIsPending: false,
   });
 
+reducers[ACTIONS.USER_PHONE_RESET] = state =>
+  Object.assign({}, state, {
+    phoneToVerify: null,
+  });
+
 reducers[ACTIONS.USER_PHONE_NEW_FAILURE] = (state, action) =>
   Object.assign({}, state, {
     phoneNewIsPending: false,