From 4be83f58e38c11588a4fc44d512df7824eb878b9 Mon Sep 17 00:00:00 2001
From: Sergio Nicolas Lavaise <snlavaise@gmail.com>
Date: Thu, 16 Apr 2026 14:41:51 -0300
Subject: [PATCH] =?UTF-8?q?Laboratorios:=20sort=20por=20fecha=20toggable?=
 =?UTF-8?q?=20+=20m=C3=A1s=20reciente=20primero?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/sections/HistoriaClinica.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/sections/HistoriaClinica.tsx b/src/sections/HistoriaClinica.tsx
index fbfda89..adcc4b3 100644
--- a/src/sections/HistoriaClinica.tsx
+++ b/src/sections/HistoriaClinica.tsx
@@ -598,6 +598,7 @@ function SeccionLaboratorios({ lab, patientId, add, update, del, addAcidoBase }:
   const [importResultados, setImportResultados] = useState<ResultadoLaboratorio[]>([]);
   const [importObservaciones, setImportObservaciones] = useState('');
   const [importAcidoBase, setImportAcidoBase] = useState<Omit<AcidoBase, 'id'> | null>(null);
+  const [labSortAsc, setLabSortAsc] = useState(false);
 
   const parametrosLaboratorio = [
     'Hematocrito', 'Hemoglobina', 'Leucocitos', 'Plaquetas',
@@ -900,7 +901,10 @@ for (const linea of lineas) {
     reset();
   };
 
-  const labs = lab.filter(l => l.pacienteId === patientId).sort((a, b) => new Date(b.fecha).getTime() - new Date(a.fecha).getTime()).reverse();
+  const labs = lab.filter(l => l.pacienteId === patientId).sort((a, b) => {
+    const diff = new Date(b.fecha).getTime() - new Date(a.fecha).getTime();
+    return labSortAsc ? -diff : diff;
+  });
 
   return (
     <div className="space-y-4">
@@ -1142,7 +1146,9 @@ for (const linea of lineas) {
             <Table>
               <TableHeader>
               <TableRow>
-                <TableHead>Fecha</TableHead>
+                <TableHead className="cursor-pointer hover:bg-muted" onClick={() => setLabSortAsc(!labSortAsc)}>
+                  Fecha {labSortAsc ? '↑' : '↓'}
+                </TableHead>
                 <TableHead>Hto</TableHead>
                 <TableHead>Hb</TableHead>
                 <TableHead>GB</TableHead>