From 611985cc9fcb06fca346a0229fc8af905eccd4c0 Mon Sep 17 00:00:00 2001
From: Tal Jacob <taljacob2@gmail.com>
Date: Mon, 2 Jun 2025 09:21:39 +0300
Subject: [PATCH] Hotfix Show Validation Error Message In Frontend

Signed-off-by: Tal Jacob <taljacob2@gmail.com>
---
 nextstep-frontend/src/pages/Login.tsx    |  6 +++++-
 nextstep-frontend/src/pages/Profile.tsx  | 10 ++++++++--
 nextstep-frontend/src/pages/Register.tsx |  6 +++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/nextstep-frontend/src/pages/Login.tsx b/nextstep-frontend/src/pages/Login.tsx
index e9d1981..fcbf007 100644
--- a/nextstep-frontend/src/pages/Login.tsx
+++ b/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.');
diff --git a/nextstep-frontend/src/pages/Profile.tsx b/nextstep-frontend/src/pages/Profile.tsx
index 44ee4c1..7f444a0 100644
--- a/nextstep-frontend/src/pages/Profile.tsx
+++ b/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.');
+      }
     }
   };
 
diff --git a/nextstep-frontend/src/pages/Register.tsx b/nextstep-frontend/src/pages/Register.tsx
index 920ea38..78e3616 100644
--- a/nextstep-frontend/src/pages/Register.tsx
+++ b/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.');