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

Fix: signos vitales siempre debajo de datos del paciente en Evoluciones

Browse Source
This commit is contained in:
snlavaise
2026-04-18 19:08:45 -03:00
parent b158a342ef
commit 03b2a925f3
2 changed files with 147 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/Evoluciones.tsx
+52 -50
View File
@@ -423,57 +423,59 @@ export function Evoluciones({
const signosTexto = getSignosVitalesTexto(evolucion.signosVitales);
const estaExpandida = evolucionExpandida === evolucion.id;
return (
<Card key={evolucion.id} className="hover:shadow-md transition-shadow">
<CardContent className="p-4">
<div className="flex flex-col sm:flex-row gap-3">
<div className="flex flex-col sm:flex-row items-start justify-between w-full">
<div className="flex items-center gap-3">
<div className="h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
<FileText className="h-5 w-5 text-blue-600" />
</div>
<div>
<h3 className="font-bold">
{paciente ? `${paciente.apellido}, ${paciente.nombre}` : 'Paciente no encontrado'}
</h3>
<div className="flex items-center gap-3 text-sm text-gray-500">
<span className="flex items-center gap-1">
<Calendar className="h-3 w-3" />
{evolucion.fecha}
</span>
<span className="flex items-center gap-1">
<Clock className="h-3 w-3" />
{evolucion.hora}
</span>
<Badge variant="outline">{evolucion.medico}</Badge>
</div>
</div>
</div>
<div className="flex items-center gap-2">
<Button
size="sm"
variant="outline"
onClick={() => setEvolucionExpandida(estaExpandida ? null : evolucion.id)}
>
{estaExpandida ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
</Button>
{onActualizarEvolucion && (
<Button size="sm" variant="outline" onClick={() => abrirEditar(evolucion)}>
<Pencil className="h-4 w-4" />
</Button>
)}
<Button variant="outline"
size="sm"
className="text-red-600"
onClick={() => onEliminarEvolucion(evolucion.id)}
>
<Trash2 className="h-4 w-4" />
</Button>
</div>
</div>
return (
<Card key={evolucion.id} className="hover:shadow-md transition-shadow">
<CardContent className="p-4">
<div className="flex flex-col gap-4">
{/* Patient Info */}
<div className="flex flex-col gap-3">
<div className="flex items-center gap-3">
<div className="h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center">
<FileText className="h-5 w-5 text-blue-600" />
</div>
<div>
<h3 className="font-bold">
{paciente ? `${paciente.apellido}, ${paciente.nombre}` : 'Paciente no encontrado'}
</h3>
<div className="flex flex-wrap items-center gap-x-3 gap-y-1 text-sm text-gray-500">
<span className="flex items-center gap-1">
<Calendar className="h-3 w-3" />
{evolucion.fecha}
</span>
<span className="flex items-center gap-1">
<Clock className="h-3 w-3" />
{evolucion.hora}
</span>
<Badge variant="outline">{evolucion.medico}</Badge>
</div>
</div>
</div>
<div className="flex flex-wrap items-center gap-2">
<Button
size="sm"
variant="outline"
onClick={() => setEvolucionExpandida(estaExpandida ? null : evolucion.id)}
>
{estaExpandida ? <ChevronUp className="h-4 w-4" /> : <ChevronDown className="h-4 w-4" />}
</Button>
{onActualizarEvolucion && (
<Button size="sm" variant="outline" onClick={() => abrirEditar(evolucion)}>
<Pencil className="h-4 w-4" />
</Button>
)}
<Button variant="outline"
size="sm"
className="text-red-600"
onClick={() => onEliminarEvolucion(evolucion.id)}
>
<Trash2 className="h-4 w-4" />
Eliminar
</Button>
</div>
</div>
{signosTexto && (
<div className="bg-blue-50 p-2 rounded-lg">
{signosTexto && (
<div className="bg-blue-50 p-3 rounded-lg">
<p className="text-sm font-medium text-blue-800 flex items-center gap-2">
<Activity className="h-4 w-4" />
Signos Vitales: {signosTexto}