Add respuestaFecha field to interconsultas: DB, types, UI

src/sections/HistoriaClinica.tsx

@@ -2025,21 +2025,27 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
   const [fecha, setFecha] = useState(new Date().toISOString().split('T')[0]);
   const [servicioInterconsultado, setServicioInterconsultado] = useState('');
   const [respuestaInterconsulta, setRespuestaInterconsulta] = useState('');
+  const [respuestaFecha, setRespuestaFecha] = useState('');
   const [edit, setEdit] = useState<Interconsulta | null>(null);
 
   const reset = () => {
     setFecha(new Date().toISOString().split('T')[0]);
     setServicioInterconsultado('');
     setRespuestaInterconsulta('');
+    setRespuestaFecha('');
     setEdit(null);
   };
 
   const handleGuardar = () => {
     if (!servicioInterconsultado) return;
+    const datos: any = { fecha, servicioInterconsultado, respuestaInterconsulta };
+    if (respuestaInterconsulta) {
+      datos.respuestaFecha = respuestaFecha || new Date().toISOString().split('T')[0];
+    }
     if (edit) {
-      update(edit.id, { fecha, servicioInterconsultado, respuestaInterconsulta });
+      update(edit.id, datos);
     } else {
-      add({ pacienteId, internacionId, fecha, servicioInterconsultado, respuestaInterconsulta });
+      add({ pacienteId, internacionId, ...datos });
     }
     setDialog(false);
     reset();
@@ -2050,6 +2056,7 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
     setFecha(ic.fecha);
     setServicioInterconsultado(ic.servicioInterconsultado);
     setRespuestaInterconsulta(ic.respuestaInterconsulta || '');
+    setRespuestaFecha(ic.respuestaFecha || '');
     setDialog(true);
   };
 
@@ -2071,7 +2078,7 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
           </DialogHeader>
           <div className="space-y-4">
             <div>
-              <Label>Fecha</Label>
+              <Label>Fecha de Solicitud</Label>
               <Input type="date" value={fecha} onChange={e => setFecha(e.target.value)} />
             </div>
             <div>
@@ -2083,6 +2090,11 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
               />
             </div>
 
+            <div>
+              <Label>Fecha de Respuesta</Label>
+              <Input type="date" value={respuestaFecha} onChange={e => setRespuestaFecha(e.target.value)} />
+            </div>
+
             <div>
               <Label>Respuesta</Label>
               <textarea
@@ -2115,18 +2127,23 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
               <CardContent className="p-4">
                 <div className="flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3">
                   <div className="flex-1">
-                    <div className="flex items-center gap-2 mb-2">
+                    <div className="flex flex-wrap items-center gap-2 mb-2">
                       <Calendar className="h-4 w-4 text-gray-500" />
                       <span className="text-sm font-medium">{ic.fecha}</span>
                       {!ic.respuestaInterconsulta ? (
-                        <Badge className="ml-2 bg-orange-500 text-white hover:bg-orange-600">Pendiente</Badge>
+                        <Badge className="bg-orange-500 text-white hover:bg-orange-600">Pendiente</Badge>
                       ) : (
-                        <Badge className="ml-2 bg-green-600 text-white hover:bg-green-700">Respondida</Badge>
+                        <Badge className="bg-green-600 text-white hover:bg-green-700">Respondida</Badge>
                       )}
                     </div>
                     <h4 className="font-semibold text-gray-900 dark:text-white">{ic.servicioInterconsultado}</h4>
                     {ic.respuestaInterconsulta && (
-                      <p className="text-sm text-gray-600 dark:text-gray-300 mt-1 whitespace-pre-wrap">{ic.respuestaInterconsulta}</p>
+                      <>
+                        {ic.respuestaFecha && (
+                          <p className="text-xs text-green-600 font-medium">Fecha de respuesta: {ic.respuestaFecha}</p>
+                        )}
+                        <p className="text-sm text-gray-600 dark:text-gray-300 mt-1 whitespace-pre-wrap">{ic.respuestaInterconsulta}</p>
+                      </>
                     )}
                   </div>
                   <div className="flex gap-1 self-start">

src/types/index.ts

@@ -159,6 +159,7 @@ export interface Interconsulta {
   fecha: string;
   servicioInterconsultado: string;
   respuestaInterconsulta?: string;
+  respuestaFecha?: string;
 }
 
 export type Vista = 'dashboard' | 'camas' | 'pacientes' | 'internaciones' | 'evoluciones' | 'laboratorios' | 'acidobase' | 'cultivos' | 'historiaclinica' | 'nuevoingreso' | 'editaringreso';