[#924] Updates recovery code on backup account submit

with @anikarni

1 files changed, 15 insertions, 3 deletions

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 05cba35e..32d17935 100644
--- a/web-ui/src/backup_account/backup_email/backup_email.js
+++ b/web-ui/src/backup_account/backup_email/backup_email.js
@@ -15,11 +15,13 @@
  * along with Pixelated. If not, see <http://www.gnu.org/licenses/>.
  */
 
+import 'isomorphic-fetch';
 import React from 'react';
 import { translate } from 'react-i18next';
 import SubmitButton from 'src/common/submit_button/submit_button';
 import InputField from 'src/common/input_field/input_field';
 import validator from 'validator';
+import browser from 'helpers/browser';
 
 import './backup_email.scss';
 
@@ -42,9 +44,19 @@ export class BackupEmail extends React.Component {
 
   submitHandler = (event) => {
     event.preventDefault();
-    if (typeof this.props.onSubmit === 'function') {
-      this.props.onSubmit();
-    }
+
+    fetch('/backup-account', {
+      credentials: 'same-origin',
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        csrftoken: [browser.getCookie('XSRF-TOKEN')]
+      })
+    });
+
+    this.props.onSubmit();
   }
 
   render() {