From 580ecff25870ac783bb7128cd9942959626c7530 Mon Sep 17 00:00:00 2001
From: Nurfog <juan.allende@gmail.com>
Date: Thu, 22 Oct 2026 10:12:01 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20mostrar=20error=20de=20carga=20en=20vez?=
 =?UTF-8?q?=20de=20tabla=20vac=C3=ADa=20silenciosa?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/(app)/tickets/page.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/(app)/tickets/page.tsx b/frontend/src/app/(app)/tickets/page.tsx
index a6beddd..6da59c6 100644
--- a/frontend/src/app/(app)/tickets/page.tsx
+++ b/frontend/src/app/(app)/tickets/page.tsx
@@ -62,6 +62,7 @@ function TicketsContent() {
   const [total, setTotal] = useState(0);
   const [page, setPage] = useState(1);
   const [loading, setLoading] = useState(true);
+  const [loadError, setLoadError] = useState("");
   const [view, setView] = useState<View>("all");
   // Vacío = Todos los estados. Con 1 o más = filtra por esos estados.
   const [statusFilters, setStatusFilters] = useState<string[]>([]);
@@ -119,7 +120,10 @@ function TicketsContent() {
     // fetch en curso que lo apaga en .finally(). Poner setLoading(true)
     // en un onClick sin cambio real de estado dejaba spinner eterno.
     // Diferido como el efecto de URL para no disparar cascading renders.
-    queueMicrotask(() => setLoading(true));
+    queueMicrotask(() => {
+      setLoading(true);
+      setLoadError("");
+    });
     getTickets({
       status: statusFilters.length > 0 ? statusFilters : undefined,
       priority: priorityFilter || undefined,
@@ -138,9 +142,10 @@ function TicketsContent() {
         setTickets(data.items || []);
         setTotal(data.total || 0);
       })
-      .catch(() => {
+      .catch((err) => {
         setTickets([]);
         setTotal(0);
+        setLoadError(err instanceof Error ? err.message : "Error al cargar tickets");
       })
       .finally(() => setLoading(false));
   }, [statusFilters, priorityFilter, search, page, view, numericId, hasNumericId, isTeam]);
@@ -206,6 +211,13 @@ function TicketsContent() {
         </div>
       )}
 
+      {loadError && (
+        <div className="alert alert-danger py-2" role="alert">
+          <i className="bi bi-exclamation-triangle me-2"></i>
+          {loadError}
+        </div>
+      )}
+
       {hasActiveFilters && (
         <div className="alert alert-info py-2 d-flex align-items-center justify-content-between" role="alert">
           <span>