From 86d5ea97041940e6646d14456c87b15358f4f339 Mon Sep 17 00:00:00 2001
From: Lizandro Guarnizo <77708265+lizandrogd@users.noreply.github.com>
Date: Thu, 4 Jun 2026 08:24:28 -0500
Subject: [PATCH] fix: allow /login route to bypass AuthGuard so login page
 renders instead of blank

---
 admin/src/components/auth-guard.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/admin/src/components/auth-guard.tsx b/admin/src/components/auth-guard.tsx
index 3567dbc..e313638 100644
--- a/admin/src/components/auth-guard.tsx
+++ b/admin/src/components/auth-guard.tsx
@@ -1,17 +1,21 @@
 'use client';
 
 import { useAuth } from '@/lib/auth';
-import { useRouter } from 'next/navigation';
+import { usePathname, useRouter } from 'next/navigation';
 import { useEffect, type ReactNode } from 'react';
 
 export default function AuthGuard({ children }: { children: ReactNode }) {
   const { user, isLoading } = useAuth();
   const router = useRouter();
+  const pathname = usePathname();
+
+  const isLoginPage = pathname === '/login';
 
   useEffect(() => {
-    if (!isLoading && !user) router.replace('/login');
-  }, [user, isLoading, router]);
+    if (!isLoginPage && !isLoading && !user) router.replace('/login');
+  }, [user, isLoading, router, isLoginPage]);
 
+  if (isLoginPage) return <>{children}</>;
   if (isLoading) return <div className="flex h-screen items-center justify-center text-muted-foreground">Cargando...</div>;
   if (!user) return null;