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,137 @@
+const fs = require('fs');
+
+const patterns = [
+  {
+    // Glucemias
+    find: `<div className="flex justify-between">\n        <div className="flex gap-2">\n          {canEdit && (\n            <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>\n              <Plus className="h-4 w-4 mr-2" />Nueva\n            </Button>\n          )}\n          <Button variant="outline" onClick={() => setEvolDialog(true)} disabled={listGlucemias.length === 0}>\n            <TrendingUp className="h-4 w-4 mr-2" />Evolución\n          </Button>\n        </div>\n      </div>`,
+    replace: `{portalNode ? createPortal(\n        <>\n          {canEdit && (\n            <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>\n              <Plus className="h-4 w-4 mr-2" />Nueva\n            </Button>\n          )}\n          <Button variant="outline" onClick={() => setEvolDialog(true)} disabled={listGlucemias.length === 0}>\n            <TrendingUp className="h-4 w-4 mr-2" />Evolución\n          </Button>\n        </>,\n        portalNode\n      ) : (\n        <div className="flex justify-between mb-4">\n          <div className="flex gap-2">\n            {canEdit && (\n              <Button variant="outline" onClick={() => { reset(); setDialog(true); }}>\n                <Plus className="h-4 w-4 mr-2" />Nueva\n              </Button>\n            )}\n            <Button variant="outline" onClick={() => setEvolDialog(true)} disabled={listGlucemias.length === 0}>\n              <TrendingUp className="h-4 w-4 mr-2" />Evolución\n            </Button>\n          </div>\n        </div>\n      )}`
+  },
+  {
+    // Laboratorios
+    find: `<div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Laboratorio</Button>}\n        <Input placeholder="Buscar por código..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="max-w-xs" />\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        <>
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Laboratorio</Button>}
+          <Input placeholder="Buscar..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="max-w-[150px] h-9" />
+        </>,
+        portalNode
+      ) : (
+        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Laboratorio</Button>}
+          <Input placeholder="Buscar por código..." value={searchTerm} onChange={e => setSearchTerm(e.target.value)} className="max-w-xs" />
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // Evoluciones
+    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Evolución</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Evolución</Button>,
+        portalNode
+      ) : (
+        <div className="flex mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Evolución</Button>}
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // EAB
+    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Gasometría</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Gasometría</Button>,
+        portalNode
+      ) : (
+        <div className="flex mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Gasometría</Button>}
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // Cultivos
+    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Cultivo</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Cultivo</Button>,
+        portalNode
+      ) : (
+        <div className="flex mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Cultivo</Button>}
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // Estudios
+    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Estudio</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Estudio</Button>,
+        portalNode
+      ) : (
+        <div className="flex mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Estudio</Button>}
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // Interconsultas
+    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Interconsulta</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Interconsulta</Button>,
+        portalNode
+      ) : (
+        <div className="flex mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nueva Interconsulta</Button>}
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // ATB
+    find: `<div className="flex">\n        {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo ATB</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo ATB</Button>,
+        portalNode
+      ) : (
+        <div className="flex mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { reset(); setDialog(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo ATB</Button>}
+        </div>
+      )}
+    `.trim()
+  },
+  {
+    // Pendientes
+    find: `<div className="flex items-center gap-2">\n        {canEdit && <Button variant="outline" onClick={() => { setPendienteEditar(null); resetForm(); setModalAbierto(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Pendiente</Button>}\n      </div>`,
+    replace: `
+      {portalNode ? createPortal(
+        canEdit && <Button variant="outline" onClick={() => { setPendienteEditar(null); resetForm(); setModalAbierto(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Pendiente</Button>,
+        portalNode
+      ) : (
+        <div className="flex items-center gap-2 mb-4">
+          {canEdit && <Button variant="outline" onClick={() => { setPendienteEditar(null); resetForm(); setModalAbierto(true); }}><Plus className="h-4 w-4 mr-2" />Nuevo Pendiente</Button>}
+        </div>
+      )}
+    `.trim()
+  }
+];
+
+let code = fs.readFileSync('src/sections/HistoriaClinica.tsx', 'utf8');
+
+for (let p of patterns) {
+  if (code.includes(p.find)) {
+    code = code.replace(p.find, p.replace);
+  } else {
+    console.log("NOT FOUND:", p.find.substring(0, 50));
+  }
+}
+
+fs.writeFileSync('src/sections/HistoriaClinica.tsx', code);