Cambios Implementados

Visualización de fechas en el módulo de inspecciones:

📅 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
This commit is contained in:
2025-12-08 17:41:07 -03:00
parent 27763bf155
commit 216b9ceb20

View File

@@ -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)}