From 18ef3273d3bb98b7d6e70c9476bd7ac40fcf7594 Mon Sep 17 00:00:00 2001
From: Olaleye Blessing <Olayinkablexxy@gmail.com>
Date: Fri, 11 Mar 2022 04:01:47 +0100
Subject: [PATCH] Show loading state while submitting password reset form
 (#2487)

---
 frontend/src/ResetPassword/ResetPasswordPage.jsx | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/ResetPassword/ResetPasswordPage.jsx b/frontend/src/ResetPassword/ResetPasswordPage.jsx
index b61dfa7853..368889395b 100644
--- a/frontend/src/ResetPassword/ResetPasswordPage.jsx
+++ b/frontend/src/ResetPassword/ResetPasswordPage.jsx
@@ -31,6 +31,9 @@ class ResetPassword extends React.Component {
         password_confirmation: '',
       });
     } else {
+      this.setState({
+        isLoading: true,
+      });
       fetch(`${config.apiUrl}/reset_password`, {
         method: 'POST',
         headers: {
@@ -41,13 +44,22 @@ class ResetPassword extends React.Component {
         .then((res) => res.json())
         .then((res) => {
           if (res.error) {
+            // update loading state here since user will still be on the page
+            this.setState({
+              isLoading: false,
+            });
             toast.error(res.message);
           } else {
             toast.success(res.message);
             this.props.history.push('/login');
           }
         })
-        .catch(console.log);
+        .catch((err) => {
+          this.setState({
+            isLoading: false,
+          });
+          console.log(err);
+        });
     }
   };
   render() {