From f4229e63e315654032dc3f0c8a69e2892c72758c Mon Sep 17 00:00:00 2001
From: Thais Siqueira <thais.siqueira@gmail.com>
Date: Fri, 31 Mar 2017 14:10:30 -0300
Subject: [#927] Implements sending recovery code by email.

with @tayanefernandes
---
 web-ui/src/backup_account/backup_email/backup_email.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'web-ui/src/backup_account/backup_email/backup_email.js')

diff --git a/web-ui/src/backup_account/backup_email/backup_email.js b/web-ui/src/backup_account/backup_email/backup_email.js
index 9d622d8d..8fa71191 100644
--- a/web-ui/src/backup_account/backup_email/backup_email.js
+++ b/web-ui/src/backup_account/backup_email/backup_email.js
@@ -31,7 +31,7 @@ export class BackupEmail extends React.Component {
 
   constructor(props) {
     super(props);
-    this.state = { error: '', submitButtonDisabled: true };
+    this.state = { error: '', submitButtonDisabled: true, backupEmail: '' };
   }
 
   validateEmail = (event) => {
@@ -54,7 +54,8 @@ export class BackupEmail extends React.Component {
         'Content-Type': 'application/json'
       },
       body: JSON.stringify({
-        csrftoken: [browser.getCookie('XSRF-TOKEN')]
+        csrftoken: [browser.getCookie('XSRF-TOKEN')],
+        backupEmail: this.state.backupEmail
       })
     }).then((response) => {
       if (response.ok) {
@@ -65,6 +66,11 @@ export class BackupEmail extends React.Component {
     });
   };
 
+  handleChange = (event) => {
+    this.setState({ backupEmail: event.target.value });
+    this.validateEmail(event);
+  }
+
   render() {
     const t = this.props.t;
     return (
@@ -78,7 +84,7 @@ export class BackupEmail extends React.Component {
           <h1>{t('backup-account.backup-email.title')}</h1>
           <p>{t('backup-account.backup-email.paragraph1')}</p>
           <p>{t('backup-account.backup-email.paragraph2')}</p>
-          <InputField name='email' label={t('backup-account.backup-email.input-label')} errorText={this.state.error} onChange={this.validateEmail} />
+          <InputField name='email' value={this.state.backupEmail} label={t('backup-account.backup-email.input-label')} errorText={this.state.error} onChange={this.handleChange} />
           <SubmitButton buttonText={t('backup-account.backup-email.button')} disabled={this.state.submitButtonDisabled} />
           <BackLink
             href='/'
-- 
cgit v1.2.3