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

Fix: add dark mode colors to Dashboard and MapaCamas badges

Browse Source
This commit is contained in:
snlavaise
2026-04-20 03:36:51 -03:00
parent f94d401d57
commit dd2f16cf1a
5 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/MapaCamas.tsx
+8 -8
View File
@@ -76,20 +76,20 @@ export function MapaCamas({
const getEstadoColor = (cama: Cama) => {
if (cama.estado === 'Disponible') {
return 'bg-green-100 border-green-300 text-green-800';
return 'bg-green-100 border-green-300 text-green-800 dark:bg-green-900 dark:border-green-700 dark:text-green-300';
}
if (cama.estado === 'Reservada') {
return 'bg-orange-100 border-orange-300 text-orange-800';
return 'bg-orange-100 border-orange-300 text-orange-800 dark:bg-orange-900 dark:border-orange-700 dark:text-orange-300';
}
if (cama.estado === 'Ocupada') {
// Tipos de aislamiento
const aislamientos = ['Aislamiento KPC', 'Aislamiento COVID', 'Aislamiento Clostridium', 'Aislamiento Neutropenico'];
if (aislamientos.includes(cama.tipo)) {
return 'bg-red-100 border-red-300 text-red-800';
return 'bg-red-100 border-red-300 text-red-800 dark:bg-red-900 dark:border-red-700 dark:text-red-300';
}
return 'bg-blue-100 border-blue-300 text-blue-800';
return 'bg-blue-100 border-blue-300 text-blue-800 dark:bg-blue-900 dark:border-blue-700 dark:text-blue-300';
}
return 'bg-amber-100 border-amber-300 text-amber-800';
return 'bg-amber-100 border-amber-300 text-amber-800 dark:bg-amber-900 dark:border-amber-700 dark:text-amber-300';
};
const getEstadoIcono = (cama: Cama) => {
@@ -181,10 +181,10 @@ export function MapaCamas({
<p className="text-gray-500 dark:text-gray-400">Gestión de camas del servicio</p>
</div>
<div className="flex items-center gap-2">
<Badge variant="outline" className="bg-green-50 text-green-700">
<Badge variant="outline" className="bg-green-50 text-green-700 dark:bg-green-900 dark:text-green-300 dark:border-green-700">
{camas.filter(c => c.estado === 'Disponible').length} Disponibles
</Badge>
<Badge variant="outline" className="bg-red-50 text-red-700">
<Badge variant="outline" className="bg-red-50 text-red-700 dark:bg-red-900 dark:text-red-300 dark:border-red-700">
{camas.filter(c => c.estado === 'Ocupada').length} Ocupadas
</Badge>
<div className="ml-4 flex items-center gap-2 flex-wrap sm:flex-nowrap">
@@ -280,7 +280,7 @@ export function MapaCamas({
</div>
<p className="font-bold text-sm sm:text-lg">{cama.numero}</p>
<p className="text-xs opacity-75 truncate">{cama.areaId ? areaById[cama.areaId] ?? 'Área desconocida' : 'Sin área'}</p>
<Badge variant="outline" className="mt-1 sm:mt-2 text-xs bg-white/50">
<Badge variant="outline" className="mt-1 sm:mt-2 text-xs bg-white/50 dark:bg-gray-800 dark:text-gray-300">
{cama.tipo}
</Badge>
{cama.estado === 'Ocupada' && paciente && (