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

Fix: PaFiO2 badge colors in EAB table

Browse Source
This commit is contained in:
snlavaise
2026-04-21 09:42:29 -03:00
parent b52285213e
commit fb3867d620
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/HistoriaClinica.tsx
+7 -7
View File
@@ -1615,18 +1615,18 @@ function SeccionAcidosBase({ ab, patientId, add, update, del }: {
<TableCell>{a.lactato}</TableCell> <TableCell>{a.lactato}</TableCell>
<TableCell>{a.fio2}</TableCell> <TableCell>{a.fio2}</TableCell>
<TableCell>{(() => { <TableCell>{(() => {
if (a.fio2 == null || a.fio2 <= 0) return <span className="badge">—</span>; if (a.fio2 == null || a.fio2 <= 0) return <span className="text-gray-400">—</span>;
const pf = a.po2 / a.fio2; const pf = a.po2 / a.fio2;
const color = const badgeClass =
pf > 300 ? "green" : pf > 300 ? "bg-green-500 text-white hover:bg-green-600 dark:bg-green-600 dark:hover:bg-green-500" :
pf > 200 ? "yellow" : pf > 200 ? "bg-yellow-500 text-white hover:bg-yellow-600 dark:bg-yellow-600 dark:hover:bg-yellow-500" :
pf > 100 ? "orange" : pf > 100 ? "bg-orange-500 text-white hover:bg-orange-600 dark:bg-orange-600 dark:hover:bg-orange-500" :
"red"; "bg-red-500 text-white hover:bg-red-600 dark:bg-red-600 dark:hover:bg-red-500";
return ( return (
<Badge className={`bg-${color}-500 text-white hover:bg-${color}-600 dark:hover:bg-${color}-700`}> <Badge className={badgeClass}>
{pf.toFixed(1)} {pf.toFixed(1)}
</Badge> </Badge>
); );