diff options
author | Anike Arni <anikarni@gmail.com> | 2017-03-28 18:06:21 -0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2017-03-28 18:06:21 -0300 |
commit | 9f0b66ae8fa5daac158f7c74919c0636882a550f (patch) | |
tree | 19b0142ab4b11f3b9c26ebef61a4b9a6f23f7924 /web-ui/src/account_recovery/forms/user_recovery_code_form.js | |
parent | 444b39959ad1c34fb9eb91def835d9e695710374 (diff) | |
parent | d133b2876e49bdb285c8e8f1bdf64502d8bf9a02 (diff) |
Merge pull request #1030 from pixelated/forgot-password-page
Add user code and password steps to recovery flow
Diffstat (limited to 'web-ui/src/account_recovery/forms/user_recovery_code_form.js')
-rw-r--r-- | web-ui/src/account_recovery/forms/user_recovery_code_form.js | 20 |
1 files changed, 17 insertions, 3 deletions
diff --git a/web-ui/src/account_recovery/forms/user_recovery_code_form.js b/web-ui/src/account_recovery/forms/user_recovery_code_form.js index 2eec96ba..aaefd75d 100644 --- a/web-ui/src/account_recovery/forms/user_recovery_code_form.js +++ b/web-ui/src/account_recovery/forms/user_recovery_code_form.js @@ -18,14 +18,28 @@ import React from 'react'; import { translate } from 'react-i18next'; -export const UserRecoveryCodeForm = ({ t }) => ( - <form> +import InputField from 'src/common/input_field/input_field'; +import SubmitButton from 'src/common/submit_button/submit_button'; + +import './forms.scss'; + +export const UserRecoveryCodeForm = ({ t, next }) => ( + <form className='user-code-form' onSubmit={next}> + <img + className='account-recovery-progress' + src='/public/images/account-recovery/step_2.svg' + alt={t('account-recovery.user-form.image-description')} + /> <h1>{t('account-recovery.user-form.title')}</h1> + <p>{t('account-recovery.user-form.description')}</p> + <InputField name='admin-code' label={t('account-recovery.user-form.input-label')} /> + <SubmitButton buttonText={t('account-recovery.user-form.button')} /> </form> ); UserRecoveryCodeForm.propTypes = { - t: React.PropTypes.func.isRequired + t: React.PropTypes.func.isRequired, + next: React.PropTypes.func.isRequired }; export default translate('', { wait: true })(UserRecoveryCodeForm); |