style(HistoriaClinica): Agrupar tabs en menu select unificado y mostrar botones de accion en linea

2026-08-12 20:39:17 +00:00
parent 369112d384
commit fce539abc2
14 changed files with 747 additions and 110 deletions
@@ -0,0 +1,46 @@
+const fs = require('fs');
+let code = fs.readFileSync('src/sections/HistoriaClinica.tsx', 'utf8');
+
+const regex = /<div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4">\s*<div className="flex gap-2">\s*\{canEdit && <Button variant="outline" onClick=\{\(\) => \{ reset\(\); setDialog\(true\); \}\}>\s*<Plus className="h-4 w-4 mr-2" \/>\s*Nuevo Estudio\s*<\/Button>\}\s*<\/div>\s*<Select value=\{filtro\} onValueChange=\{\(v: 'todos' \| 'internacion'\) => setFiltro\(v\)\}>\s*<SelectTrigger className="w-\[180px\]">\s*<SelectValue placeholder="Filtrar" \/>\s*<\/SelectTrigger>\s*<SelectContent>\s*<SelectItem value="todos">Todos los estudios<\/SelectItem>\s*<SelectItem value="internacion">Solo esta internación<\/SelectItem>\s*<\/SelectContent>\s*<\/Select>\s*<\/div>/g;
+
+const repl = `
+      {portalNode ? createPortal(
+        <>
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
+            <Plus className="h-4 w-4 mr-2" />
+            Nuevo Estudio
+          </Button>}
+          <Select value={filtro} onValueChange={(v: 'todos' | 'internacion') => setFiltro(v)}>
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder="Filtrar" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="todos">Todos los estudios</SelectItem>
+              <SelectItem value="internacion">Solo esta internación</SelectItem>
+            </SelectContent>
+          </Select>
+        </>,
+        portalNode
+      ) : (
+        <div className="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-4">
+          <div className="flex gap-2">
+            {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>
+              <Plus className="h-4 w-4 mr-2" />
+              Nuevo Estudio
+            </Button>}
+          </div>
+          <Select value={filtro} onValueChange={(v: 'todos' | 'internacion') => setFiltro(v)}>
+            <SelectTrigger className="w-[180px]">
+              <SelectValue placeholder="Filtrar" />
+            </SelectTrigger>
+            <SelectContent>
+              <SelectItem value="todos">Todos los estudios</SelectItem>
+              <SelectItem value="internacion">Solo esta internación</SelectItem>
+            </SelectContent>
+          </Select>
+        </div>
+      )}
+`.trim();
+
+code = code.replace(regex, repl);
+fs.writeFileSync('src/sections/HistoriaClinica.tsx', code);