From 6f9de40da695e5701104788e3216996b7950087d Mon Sep 17 00:00:00 2001
From: Sriram Viswanathan <sriramv@thoughtworks.com>
Date: Tue, 28 Mar 2017 14:48:45 -0300
Subject: [#931] Shows error feedback using Snackbar notification when there's
 a submit failure on backup account page

---
 web-ui/src/backup_account/page.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

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

diff --git a/web-ui/src/backup_account/page.js b/web-ui/src/backup_account/page.js
index 49e4b316..d5f64add 100644
--- a/web-ui/src/backup_account/page.js
+++ b/web-ui/src/backup_account/page.js
@@ -22,6 +22,7 @@ import Footer from 'src/common/footer/footer';
 import Header from 'src/common/header/header';
 import BackupEmail from 'src/backup_account/backup_email/backup_email';
 import Confirmation from 'src/backup_account/confirmation/confirmation';
+import SnackbarNotification from 'src/common/snackbar_notification/snackbar_notification';
 
 import 'font-awesome/scss/font-awesome.scss';
 import './page.scss';
@@ -36,13 +37,20 @@ export class Page extends React.Component {
 
   saveBackupEmail = (status) => {
     this.setState({ status });
-  }
+  };
 
   mainContent = () => {
     if (this.state.status === 'success') return <Confirmation />;
     return <BackupEmail onSubmit={this.saveBackupEmail} />;
   };
 
+  showSnackbarOnError = (t) => {
+    if (this.state.status === 'error') {
+      return <SnackbarNotification message={t('backup-account.error.submit-error')} isError />;
+    }
+    return undefined;
+  };
+
   render() {
     const t = this.props.t;
     return (
@@ -52,6 +60,7 @@ export class Page extends React.Component {
           <section>
             {this.mainContent()}
           </section>
+          {this.showSnackbarOnError(t)}
           <Footer />
         </div>
       </DocumentTitle>
-- 
cgit v1.2.3


From e2bb2aa79d4198f6bfdb59ac5e708bfebf787646 Mon Sep 17 00:00:00 2001
From: Sriram Viswanathan <sriramv@thoughtworks.com>
Date: Wed, 29 Mar 2017 11:54:41 -0300
Subject: [#931] PR feedback - use 'response.ok' for testing 'fetch' errors &
 minor refactoring

---
 web-ui/src/backup_account/page.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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

diff --git a/web-ui/src/backup_account/page.js b/web-ui/src/backup_account/page.js
index d5f64add..be3bae36 100644
--- a/web-ui/src/backup_account/page.js
+++ b/web-ui/src/backup_account/page.js
@@ -48,7 +48,7 @@ export class Page extends React.Component {
     if (this.state.status === 'error') {
       return <SnackbarNotification message={t('backup-account.error.submit-error')} isError />;
     }
-    return undefined;
+    return undefined; // To satisfy eslint error - consistent-return
   };
 
   render() {
-- 
cgit v1.2.3