From 8e87d6581a967ffb53ef0d4f10a3911569bec292 Mon Sep 17 00:00:00 2001
From: Administrator <Dennys.Murillo@escueladerefrigeracion.edu.pe>
Date: Tue, 22 Sep 2026 10:22:48 -0500
Subject: [PATCH] Actualizar frontend/src/pages/Comisiones.jsx

---
 frontend/src/pages/Comisiones.jsx | 28 ++++++++++++++++------------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/Comisiones.jsx b/frontend/src/pages/Comisiones.jsx
index e519e99..5639ffd 100644
--- a/frontend/src/pages/Comisiones.jsx
+++ b/frontend/src/pages/Comisiones.jsx
@@ -47,7 +47,7 @@ export default function Comisiones() {
   const [modalAdd, setModalAdd] = useState(false);
   const [modalBuscar, setModalBuscar] = useState(false);
   const [modalConfig, setModalConfig] = useState(false);
-  const cols = useColumnasAjustables([200, 160, 150, 160, 150, 130, 110]);
+  const cols = useColumnasAjustables([200, 160, 150, 160, 150, 130, 160]);
 
   // Carga TODOS los manuales del año (una sola vez por año) → cambio de mes instantáneo
   function cargarManuales() {
@@ -62,10 +62,10 @@ export default function Comisiones() {
     [manualesAno, mes]
   );
 
-  // Tabla de ventas (depende del mes, sede y programa)
+  // Tabla de ventas (depende del mes, sede y programa) — Comisiones SÍ aplica overrides
   function cargarTabla() {
     setLoading(true); setError(null);
-    api.ventas(ano, mes, sede, programa)
+    api.ventas(ano, mes, sede, programa, true)
       .then((res) => { setFilas(res.filas || []); setLoading(false); })
       .catch((e) => { setError(e.message); setLoading(false); });
   }
@@ -73,7 +73,7 @@ export default function Comisiones() {
   useEffect(() => {
     let activo = true;
     setLoading(true); setError(null);
-    api.ventas(ano, mes, sede, programa)
+    api.ventas(ano, mes, sede, programa, true)
       .then((res) => { if (activo) { setFilas(res.filas || []); setLoading(false); } })
       .catch((e) => { if (activo) { setError(e.message); setLoading(false); } });
     return () => { activo = false; };
@@ -138,10 +138,12 @@ export default function Comisiones() {
                  <td style={C}>{f[5]}</td><td style={C}>{fmt(f[6])}</td>
                  <td style={{...C,fontWeight:600}}>{fmt(f[7])}</td>
                  <td style={C}>
-                   <button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11,marginRight:4}}
-                     onClick={() => setModal({ vendedor: f[0] })}>👁️ Ver</button>
-                   <button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11}}
-                     onClick={() => setModalEdit({ vendedor: f[0] })}>✏️ Editar</button>
+                   <div style={{display:"flex",gap:4,justifyContent:"center",flexWrap:"nowrap"}}>
+                     <button className="btn btn-ghost" title="Ver" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
+                       onClick={() => setModal({ vendedor: f[0] })}>👁️ Ver</button>
+                     <button className="btn btn-ghost" title="Editar" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
+                       onClick={() => setModalEdit({ vendedor: f[0] })}>✏️ Editar</button>
+                   </div>
                  </td>
                </tr>
              ))}
@@ -154,10 +156,12 @@ export default function Comisiones() {
                  <td style={C}>—</td><td style={C}>—</td>
                  <td style={{...C,fontWeight:600}}>{fmt(g.totalMonto)}</td>
                  <td style={C}>
-                   <button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11,marginRight:4}}
-                     onClick={() => setModal({ vendedor: g.nombre, manual: g })}>👁️ Ver</button>
-                   <button className="btn btn-ghost" style={{padding:"4px 10px",fontSize:11}}
-                     onClick={() => setModalEditManual({ nombre: g.nombre })}>✏️ Editar</button>
+                   <div style={{display:"flex",gap:4,justifyContent:"center",flexWrap:"nowrap"}}>
+                     <button className="btn btn-ghost" title="Ver" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
+                       onClick={() => setModal({ vendedor: g.nombre, manual: g })}>👁️ Ver</button>
+                     <button className="btn btn-ghost" title="Editar" style={{padding:"4px 9px",fontSize:11,whiteSpace:"nowrap"}}
+                       onClick={() => setModalEditManual({ nombre: g.nombre })}>✏️ Editar</button>
+                   </div>
                  </td>
                </tr>
              ))}