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

Agregar iconos y datos de paciente en modales de edición

Browse Source
This commit is contained in:
snlavaise
2026-04-15 13:04:51 -03:00
parent b74030d225
commit 83e4ad1c36
3 changed files with 62 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sections/EditIngreso.tsx
+34 -5
View File
@@ -44,6 +44,17 @@ export function EditIngreso({
const [apache, setApache] = useState(internacion.apache || '');
const [derivacion, setDerivacion] = useState(internacion.derivacion || '');
const calcularEdad = (fechaNacimiento: string) => {
const hoy = new Date();
const nacimiento = new Date(fechaNacimiento);
let edad = hoy.getFullYear() - nacimiento.getFullYear();
const mes = hoy.getMonth() - nacimiento.getMonth();
if (mes < 0 || (mes === 0 && hoy.getDate() < nacimiento.getDate())) {
edad--;
}
return edad;
};
const selectedPaciente = pacientes.find(p => p.id === pacienteSeleccionado);
const handleSubmit = () => {
@@ -107,11 +118,29 @@ export function EditIngreso({
</h3>
{selectedPaciente ? (
<div className="flex items-center gap-2 flex-wrap">
<Badge className="bg-blue-100 text-blue-800">
{selectedPaciente?.apellido}, {selectedPaciente?.nombre}
</Badge>
<Badge variant="outline">DNI: {selectedPaciente?.dni}</Badge>
<div className="space-y-2">
<div className="flex flex-wrap gap-2">
<Badge variant="outline" className="bg-primary/10 text-primary border-primary/30">
{selectedPaciente?.apellido}, {selectedPaciente?.nombre}
</Badge>
<Badge variant="outline" className="bg-primary/10 text-primary border-primary/30">
{selectedPaciente?.fechaNacimiento ? calcularEdad(selectedPaciente.fechaNacimiento) + ' años' : ''}
</Badge>
<Badge variant="outline" className="bg-primary/10 text-primary border-primary/30">
DNI: {selectedPaciente?.dni}
</Badge>
</div>
<div className="flex flex-wrap gap-2">
<Badge variant="secondary">
HC: {selectedPaciente?.historiaClinica || 'N/A'}
</Badge>
<Badge variant="secondary">
{selectedPaciente?.obraSocial || 'Sin obra social'}
</Badge>
<Badge variant="secondary">
{selectedPaciente?.nacionalidad || 'N/A'}
</Badge>
</div>
</div>
) : (
<>