From d737f4ad3c4c5cb1ac765fa86deb9518550dfcbd Mon Sep 17 00:00:00 2001
From: qpismont <pismont.quentin@protonmail.com>
Date: Fri, 8 Aug 2025 21:35:03 +0000
Subject: [PATCH] Refactor login page to display error messages conditionally.
 Added error handling with Alert component for better user feedback.

---
 src/pages/login.astro | 28 ++++++++++++++++++++++------
 1 file changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/pages/login.astro b/src/pages/login.astro
index e5c62ea..4247d8d 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -12,8 +12,11 @@ import Container from "../components/ui/Container.astro";
 import Row from "../components/ui/Row.astro";
 import EmptyLayout from "../layouts/EmptyLayout.astro";
 import { isInputError } from "astro:actions";
+import { isActionError } from "astro:actions";
+import Alert from "../components/ui/Alert.astro";
 
 const result = Astro.getActionResult(actions.login);
+console.log(result?.error);
 ---
 
 <EmptyLayout>
@@ -25,12 +28,25 @@ const result = Astro.getActionResult(actions.login);
             <Ascii />
           </CardHeader>
           <CardBody>
-            <LoginForm
-              action={actions.login}
-              error={result?.error && isInputError(result.error)
-                ? result.error
-                : null}
-            />
+            <Row>
+              <Col>
+                {
+                  result?.error && isActionError(result.error) && (
+                    <Alert variant="error">{result.error.message}</Alert>
+                  )
+                }
+              </Col>
+            </Row>
+            <Row>
+              <Col>
+                <LoginForm
+                  action={actions.login}
+                  error={result?.error && isInputError(result.error)
+                    ? result.error
+                    : null}
+                />
+              </Col>
+            </Row>
           </CardBody>
         </Card>
       </Col>