snlavaise/administracionHospital
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: update Badge styles and enhance interconsultation response display in HistoriaClinica

Browse Source
This commit is contained in:
snlavaise
2026-04-21 09:21:49 -03:00
parent 6f2832ca33
commit b52285213e
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/HistoriaClinica.tsx
+6 -4
View File
@@ -1626,7 +1626,7 @@ function SeccionAcidosBase({ ab, patientId, add, update, del }: {
"red";
return (
<Badge className={`bg-${color}-100 text-${color}-900 border-${color}-100`}>
<Badge className={`bg-${color}-500 text-white hover:bg-${color}-600 dark:hover:bg-${color}-700`}>
{pf.toFixed(1)}
</Badge>
);
@@ -2217,7 +2217,7 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
{!ic.respuestaInterconsulta ? (
<Badge className="bg-orange-500 text-white hover:bg-orange-600">Pendiente</Badge>
) : (
<Badge className="bg-green-600 text-white hover:bg-green-700 dark:bg-green-700 dark:hover:bg-green-600">Respondida</Badge>
<Badge className="bg-green-600 text-white hover:bg-green-700 dark:bg-green-700 dark:hover:bg-green-600">Resuelta</Badge>
)}
</div>
<h4 className="font-semibold text-gray-900 dark:text-white">{ic.servicioInterconsultado}</h4>
@@ -2229,10 +2229,12 @@ function SeccionInterconsultas({ interconsultas, pacienteId, internacionId, add,
{ic.respuestaFecha && (
<Badge variant="outline" className="mt-2 bg-green-50 text-green-700 border-green-200 dark:bg-green-900 dark:text-green-300 dark:border-green-700">
<CheckCircle2 className="h-3 w-3 mr-1" />
Respondido: {ic.respuestaFecha}
<p className="font-semibold">Respuesta: {ic.respuestaFecha}<br />
<span className="text-sm text-gray-600 dark:text-gray-300 mt-2 whitespace-pre-wrap">{ic.respuestaInterconsulta} <br /></span>
</p>
</Badge>
)}
<p className="text-sm text-gray-600 dark:text-gray-300 mt-2 whitespace-pre-wrap">{ic.respuestaInterconsulta}</p>
</>
)}
</div>