From 7be03150100d319c6d373241f614a29b374cb74d Mon Sep 17 00:00:00 2001
From: Anike Arni <aarni@thoughtworks.com>
Date: Thu, 30 Mar 2017 17:23:41 -0300
Subject: [#935] Submits user recovery code to new endpoint

with @deniscostadsc
---
 .../user_recovery_code_form/user_recovery_code_form.js         | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'web-ui/src/account_recovery/user_recovery_code_form/user_recovery_code_form.js')

diff --git a/web-ui/src/account_recovery/user_recovery_code_form/user_recovery_code_form.js b/web-ui/src/account_recovery/user_recovery_code_form/user_recovery_code_form.js
index a4119885..c39c894d 100644
--- a/web-ui/src/account_recovery/user_recovery_code_form/user_recovery_code_form.js
+++ b/web-ui/src/account_recovery/user_recovery_code_form/user_recovery_code_form.js
@@ -24,7 +24,7 @@ import BackLink from 'src/common/back_link/back_link';
 
 import './user_recovery_code_form.scss';
 
-export const UserRecoveryCodeForm = ({ t, previous, next }) => (
+export const UserRecoveryCodeForm = ({ t, previous, next, saveCode }) => (
   <form className='account-recovery-form user-code' onSubmit={next}>
     <img
       className='account-recovery-progress'
@@ -40,7 +40,10 @@ export const UserRecoveryCodeForm = ({ t, previous, next }) => (
       />
       <p>{t('account-recovery.user-form.description')}</p>
     </div>
-    <InputField name='admin-code' label={t('account-recovery.user-form.input-label')} />
+    <InputField
+      name='user-code' label={t('account-recovery.user-form.input-label')}
+      onChange={saveCode}
+    />
     <SubmitButton buttonText={t('account-recovery.button-next')} />
     <BackLink text={t('account-recovery.back')} onClick={previous} />
   </form>
@@ -49,7 +52,8 @@ export const UserRecoveryCodeForm = ({ t, previous, next }) => (
 UserRecoveryCodeForm.propTypes = {
   t: React.PropTypes.func.isRequired,
   previous: React.PropTypes.func.isRequired,
-  next: React.PropTypes.func.isRequired
+  next: React.PropTypes.func.isRequired,
+  saveCode: React.PropTypes.func.isRequired
 };
 
 export default translate('', { wait: true })(UserRecoveryCodeForm);
-- 
cgit v1.2.3