From 3d95250d59baddfa7b700bbf78116c6604fbcc10 Mon Sep 17 00:00:00 2001
From: Reviflow Bot <bot@reviflow.ai>
Date: Sat, 31 Jan 2026 13:21:00 +0100
Subject: [PATCH] fix(auth): add logging and remove button animation for
 stability

---
 frontend/src/features/auth/LoginPage.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/auth/LoginPage.tsx b/frontend/src/features/auth/LoginPage.tsx
index 28699ed..296e803 100644
--- a/frontend/src/features/auth/LoginPage.tsx
+++ b/frontend/src/features/auth/LoginPage.tsx
@@ -31,19 +31,27 @@ export const LoginPage = () => {
     };
 
     const onSubmit = async (data: LoginForm) => {
+        console.log("DEBUG: Login form submitted", data);
         try {
             setGlobalError(null);
             const loginData = isParentMode
                 ? { email: data.identifier, password: data.password }
                 : { username: data.identifier, password: data.password };
 
+            console.log("DEBUG: Calling login with", loginData);
             await login(loginData);
+            console.log("DEBUG: Login successful, navigating");
             navigate('/');
         } catch (err) {
+            console.error("DEBUG: Login error caught in component", err);
             setGlobalError("Identifiants invalides ou erreur de connexion");
         }
     };
 
+    const onError = (errors: any) => {
+        console.log("DEBUG: Form validation failed", errors);
+    };
+
     return (
         <div className="flex min-h-screen items-center justify-center bg-gradient-to-br from-[#FDFCF8] to-[#F1F5F9] p-4 sm:p-6 lg:p-8">
             <div className="w-full max-w-md">
@@ -78,7 +86,7 @@ export const LoginPage = () => {
                         </button>
                     </div>
 
-                    <form className="space-y-5" onSubmit={handleSubmit(onSubmit)}>
+                    <form className="space-y-5" onSubmit={handleSubmit(onSubmit, onError)}>
                         {globalError && (
                             <div className="bg-red-50 border border-red-100 text-red-600 p-4 rounded-xl text-sm font-medium flex items-center">
                                 <span className="mr-2">⚠️</span> {globalError}
@@ -134,7 +142,7 @@ export const LoginPage = () => {
                             <button
                                 type="submit"
                                 disabled={isSubmitting}
-                                className="w-full h-12 flex items-center justify-center rounded-2xl bg-indigo-600 px-4 text-sm font-bold text-white shadow-lg shadow-indigo-200 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-all active:scale-[0.98]"
+                                className="w-full h-12 flex items-center justify-center rounded-2xl bg-indigo-600 px-4 text-sm font-bold text-white shadow-lg shadow-indigo-200 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-all"
                             >
                                 {isSubmitting ? (
                                     <Loader2 className="h-5 w-5 animate-spin" />