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

Actualizar layout de pestaña Cultivos con líneas dedicadas para fecha resultado definitivo, germen y sensibilidades

Browse Source
This commit is contained in:
snlavaise
2026-08-12 01:31:32 +00:00
parent 8497ecbb4f
commit 0d4dbf7940
1 changed files with 30 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/HistoriaClinica.tsx
+12 -6
View File
@@ -2529,6 +2529,9 @@ function SeccionCultivos({ cults, patient, internacionId, add, update, del, canE
</div> </div>
</div> </div>
{c.protocolo && <p className="text-xs text-gray-500 dark:text-gray-400">Protocolo: {c.protocolo}</p>} {c.protocolo && <p className="text-xs text-gray-500 dark:text-gray-400">Protocolo: {c.protocolo}</p>}
{c.fechaResultado && (c.estado === 'Positivo' || c.estado === 'Negativo') && (
<p className="text-xs text-gray-500 dark:text-gray-400">Fecha Resultado Definitivo: {formatDateDDMMYYYY(c.fechaResultado)}</p>
)}
{c.observaciones && <p className="text-sm text-gray-600 dark:text-gray-300 bg-gray-50 dark:bg-gray-800 p-2 rounded">{c.observaciones}</p>} {c.observaciones && <p className="text-sm text-gray-600 dark:text-gray-300 bg-gray-50 dark:bg-gray-800 p-2 rounded">{c.observaciones}</p>}
{c.estado === 'Parcial' && c.germen && ( {c.estado === 'Parcial' && c.germen && (
<div className="bg-orange-50 dark:bg-orange-950/60 p-3 rounded-lg border border-orange-200 dark:border-orange-800/50"> <div className="bg-orange-50 dark:bg-orange-950/60 p-3 rounded-lg border border-orange-200 dark:border-orange-800/50">
@@ -2542,16 +2545,19 @@ function SeccionCultivos({ cults, patient, internacionId, add, update, del, canE
</div> </div>
)} )}
{c.estado === 'Positivo' && c.germen && ( {c.estado === 'Positivo' && c.germen && (
<div className="flex flex-col gap-2.5 mt-2"> <div className="flex flex-col gap-2 mt-2">
<div className="flex flex-wrap gap-2"> <div>
<Badge <Badge
variant="outline" variant="outline"
className="border-red-600 border bg-red-50 text-red-800 dark:bg-red-950/60 dark:text-red-300 dark:border-red-500 rounded px-2.5 py-1 font-medium text-sm inline-flex items-center gap-1.5" className="border-solid border-2 border-red-600 bg-red-50 text-red-800 dark:bg-red-950/60 dark:text-red-300 dark:border-red-500 rounded px-2.5 py-1 font-semibold text-sm inline-flex items-center gap-1.5"
> >
<AlertCircle className="h-4 w-4 text-red-600 shrink-0" /> <AlertCircle className="h-4 w-4 text-red-600 shrink-0" />
<span>Germen: {c.germen} {c.fechaResultado ? `(Definitivo: ${c.fechaResultado})` : ''}</span> <span>Germen: {c.germen}</span>
</Badge> </Badge>
</div>
{(c.sensible || c.resistente) && (
<div className="flex flex-wrap gap-2">
{c.sensible && ( {c.sensible && (
<Badge <Badge
variant="outline" variant="outline"
@@ -2570,12 +2576,12 @@ function SeccionCultivos({ cults, patient, internacionId, add, update, del, canE
</Badge> </Badge>
)} )}
</div> </div>
)}
</div> </div>
)} )}
{c.estado === 'Negativo' && ( {c.estado === 'Negativo' && (
<div className="bg-green-50 dark:bg-green-900 p-3 rounded-lg border border-green-200 dark:border-green-700"> <div className="bg-green-50 dark:bg-green-900 p-3 rounded-lg border border-green-200 dark:border-green-700 mt-2">
<p className="text-sm font-medium text-green-800 flex items-center gap-2"><CheckCircle2 className="h-4 w-4" />Sin crecimiento de microorganismos</p> <p className="text-sm font-medium text-green-800 flex items-center gap-2"><CheckCircle2 className="h-4 w-4" />Sin crecimiento de microorganismos</p>
{c.fechaResultado && <p className="text-xs text-green-600 mt-1">Resultado: {c.fechaResultado}</p>}
</div> </div>
)} )}
</div> </div>