Merge pull request #20 from NextStepFinalProject/NXD-22

Hotfix Show Validation Error Message In Frontend

Author: taljacob2

nextstep-frontend/src/pages/Login.tsx

@@ -67,7 +67,11 @@ const Login: React.FC = () => {
       navigate('/main-dashboard');
     } catch (error) {
       const err = error as any;
-      if (err.response && err.response.data) {
+      if (err.response && err.response.status === 400 &&
+        err.response.data && err.response.data.errors[0] &&
+        err.response.data.errors[0].message) {
+        setError(err.response.data.errors[0].message);
+      } else if (err.response && err.response.data) {
         setError(err.response.data.message);
       } else {
         setError('An error occurred. Please try again.');

nextstep-frontend/src/pages/Profile.tsx

@@ -98,8 +98,14 @@ const Profile: React.FC = () => {
         setSuccess(false);
         window.location.reload();
       }, 2000);
-    } catch (err) {
-      setError('Error updating profile. Please try again.');
+    } catch (err: any) {
+      if (err.response && err.response.status === 400 &&
+        err.response.data && err.response.data.errors[0] &&
+        err.response.data.errors[0].message) {
+        setError(err.response.data.errors[0].message);
+      } else {
+        setError('Error updating profile. Please try again.');
+      }
     }
   };
 

nextstep-frontend/src/pages/Register.tsx

@@ -61,7 +61,11 @@ const Register: React.FC = () => {
       }, 4000);
     } catch (error) {
       const err = error as any;
-      if (err.response && err.response.data) {
+      if (err.response && err.response.status === 400 &&
+        err.response.data && err.response.data.errors[0] &&
+        err.response.data.errors[0].message) {
+        setError(err.response.data.errors[0].message);
+      } else if (err.response && err.response.data) {
         setError(err.response.data.message);
       } else {
         setError('An error occurred. Please try again.');