From 216b9ceb204ffa54f38d5349d628b649f3761d16 Mon Sep 17 00:00:00 2001
From: ronalds <ronalds@rshtech.com.py>
Date: Mon, 8 Dec 2025 17:41:07 -0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=85=20Cambios=20Implementados=20Visualiza?=
 =?UTF-8?q?ci=C3=B3n=20de=20fechas=20en=20el=20m=C3=B3dulo=20de=20inspecci?=
 =?UTF-8?q?ones:?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

📅 Fecha de inicio: Se muestra siempre para todas las inspecciones (completadas y pendientes) con formato DD/MM/YYYY HH:MM
✅ Fecha de completado: Solo aparece en inspecciones completadas, en color verde con formato DD/MM/YYYY HH:MM
Formato visual:

Las fechas aparecen debajo de la información del vehículo y score
Iconos distintivos: 📅 para inicio, ✅ para completado
Texto pequeño pero legible
Diseño responsive con flex-wrap para adaptarse a diferentes tamaños de pantalla
Versión: Frontend v1.3.9
---
 frontend/src/App.jsx | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index e6fc0f7..0bc55d7 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -4266,7 +4266,7 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
                 <p className="text-sm text-gray-600 mt-1">
                   {inspection.vehicle_brand} {inspection.vehicle_model} - {inspection.vehicle_km} km
                 </p>
-                <div className="flex gap-4 mt-3 text-sm">
+                <div className="flex flex-wrap gap-4 mt-3 text-sm">
                   <span className="text-gray-500">
                     OR: <strong>{inspection.or_number || 'N/A'}</strong>
                   </span>
@@ -4279,6 +4279,33 @@ function InspectionsTab({ inspections, user, onUpdate, onContinue }) {
                     </span>
                   )}
                 </div>
+                {/* Fechas de inspección */}
+                <div className="flex flex-wrap gap-4 mt-2 text-xs text-gray-500">
+                  {inspection.created_at && (
+                    <span className="flex items-center gap-1">
+                      <span>📅</span>
+                      <span>Iniciada: <strong>{new Date(inspection.created_at).toLocaleDateString('es-ES', { 
+                        day: '2-digit', 
+                        month: '2-digit', 
+                        year: 'numeric',
+                        hour: '2-digit',
+                        minute: '2-digit'
+                      })}</strong></span>
+                    </span>
+                  )}
+                  {inspection.status === 'completed' && inspection.completed_at && (
+                    <span className="flex items-center gap-1 text-green-600">
+                      <span>✅</span>
+                      <span>Completada: <strong>{new Date(inspection.completed_at).toLocaleDateString('es-ES', { 
+                        day: '2-digit', 
+                        month: '2-digit', 
+                        year: 'numeric',
+                        hour: '2-digit',
+                        minute: '2-digit'
+                      })}</strong></span>
+                    </span>
+                  )}
+                </div>
               </div>
               <button 
                 onClick={() => setSelectedInspection(inspection)}