From 5ba6d310465ebba8192934a40beb131860ce43de Mon Sep 17 00:00:00 2001
From: ronalds <ronalds@rshtech.com.py>
Date: Mon, 8 Dec 2025 18:14:28 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=85=20Cambios=20Implementados:=201.=20Cor?=
 =?UTF-8?q?regido=20el=20problema=20del=20filtro=20de=20fechas=20Aumentado?=
 =?UTF-8?q?=20el=20l=C3=ADmite=20de=20inspecciones=20de=2010=20a=201000=20?=
 =?UTF-8?q?en=20la=20l=C3=ADnea=20352=20Ahora=20el=20backend=20enviar?=
 =?UTF-8?q?=C3=A1=20hasta=201000=20inspecciones,=20permitiendo=20que=20el?=
 =?UTF-8?q?=20filtro=20de=20fechas=20funcione=20correctamente=20con=20todo?=
 =?UTF-8?q?s=20los=20datos=202.=20Mejorado=20el=20dise=C3=B1o=20de=20los?=
 =?UTF-8?q?=20filtros=20Grid=20de=206=20columnas=20(en=20pantallas=20grand?=
 =?UTF-8?q?es)=20en=20lugar=20de=204+4=20Reducido=20el=20padding=20de=20px?=
 =?UTF-8?q?-4=20py-2=20a=20px-3=20py-2=20con=20text-sm=20para=20campos=20m?=
 =?UTF-8?q?=C3=A1s=20compactos=20Placeholder=20m=C3=A1s=20corto:=20"Placa,?=
 =?UTF-8?q?=20marca,=20modelo,=20OR..."=20en=20lugar=20del=20largo=20anter?=
 =?UTF-8?q?ior=20Campo=20buscar=20ocupa=202=20columnas=20(en=20lg),=20los?=
 =?UTF-8?q?=20dem=C3=A1s=201=20columna=20cada=20uno=20Todo=20en=20una=20so?=
 =?UTF-8?q?la=20fila=20en=20pantallas=20grandes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.jsx | 31 ++++++++++++++-----------------
 1 file changed, 14 insertions(+), 17 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 0332ca7..d901dfc 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -337,7 +337,7 @@ function DashboardPage({ user, setUser }) {
       }
 
       // Cargar inspecciones
-      const inspectionsRes = await fetch(`${API_URL}/api/inspections?limit=10`, {
+      const inspectionsRes = await fetch(`${API_URL}/api/inspections?limit=1000`, {
         headers: {
           'Authorization': `Bearer ${token}`,
         },
@@ -4179,7 +4179,7 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
     // Filtro por rango de fechas
     let matchesDate = true
     if (dateFrom || dateTo) {
-      const inspectionDate = new Date(inspection.created_at)
+      const inspectionDate = new Date(inspection.started_at)
       if (dateFrom) {
         const fromDate = new Date(dateFrom)
         fromDate.setHours(0, 0, 0, 0)
@@ -4218,17 +4218,17 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
   return (
     <>
       {/* Buscador y Filtros */}
-      <div className="mb-6 space-y-4">
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
+      <div className="mb-6">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-3">
           {/* Buscador */}
           <div className="lg:col-span-2">
             <label className="block text-xs font-medium text-gray-700 mb-1">Buscar</label>
             <input
               type="text"
-              placeholder="Placa, marca, modelo, Nº pedido, OR o ID..."
+              placeholder="Placa, marca, modelo, OR..."
               value={searchTerm}
               onChange={(e) => setSearchTerm(e.target.value)}
-              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
             />
           </div>
           
@@ -4238,7 +4238,7 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
             <select
               value={statusFilter}
               onChange={(e) => setStatusFilter(e.target.value)}
-              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
             >
               <option value="all">Todos</option>
               <option value="completed">Completadas</option>
@@ -4253,13 +4253,10 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
               type="date"
               value={dateFrom}
               onChange={(e) => setDateFrom(e.target.value)}
-              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
             />
           </div>
-        </div>
 
-        {/* Segunda fila de filtros */}
-        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
           {/* Filtro por fecha hasta */}
           <div>
             <label className="block text-xs font-medium text-gray-700 mb-1">Fecha hasta</label>
@@ -4267,7 +4264,7 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
               type="date"
               value={dateTo}
               onChange={(e) => setDateTo(e.target.value)}
-              className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+              className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm"
             />
           </div>
 
@@ -4281,16 +4278,16 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
                   setDateFrom('')
                   setDateTo('')
                 }}
-                className="px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition"
+                className="w-full px-3 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition text-sm"
               >
-                🗑️ Limpiar filtros
+                🗑️ Limpiar
               </button>
             </div>
           )}
         </div>
 
         {/* Contador de resultados */}
-        <div className="flex justify-between items-center text-sm text-gray-600">
+        <div className="mt-3 flex justify-between items-center text-sm text-gray-600">
           <span>
             Mostrando {filteredInspections.length > 0 ? startIndex + 1 : 0}-{Math.min(endIndex, filteredInspections.length)} de {filteredInspections.length} inspecciones
           </span>
@@ -4356,10 +4353,10 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
                 </div>
                 {/* Fechas de inspección */}
                 <div className="flex flex-wrap gap-3 mt-2 text-xs">
-                  {inspection.created_at && (
+                  {inspection.started_at && (
                     <span className="flex items-center gap-1 text-gray-600">
                       <span>📅</span>
-                      <span>Inicio: <strong>{new Date(inspection.created_at).toLocaleDateString('es-ES', { 
+                      <span>Inicio: <strong>{new Date(inspection.started_at).toLocaleDateString('es-ES', { 
                         day: '2-digit', 
                         month: '2-digit', 
                         year: 'numeric',