Administrator/dashboard-leads
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Actualizar frontend/src/pages/OtrosGeneral.jsx

Browse Source
This commit is contained in:
Administrator
2026-09-04 16:12:28 -05:00
parent e1f25c4724
commit 6db6a60bdd
1 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/pages/OtrosGeneral.jsx
View File

@@ -13,6 +13,7 @@ export default function OtrosGeneral() {
const [filtros, setFiltros] = useState({ anos: [2026] }); const [filtros, setFiltros] = useState({ anos: [2026] });
const [data, setData] = useState(null); const [data, setData] = useState(null);
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [recargando, setRecargando] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [expAlways, setExpAlways] = useState({}); const [expAlways, setExpAlways] = useState({});
const [expAlwaysProg, setExpAlwaysProg] = useState({}); const [expAlwaysProg, setExpAlwaysProg] = useState({});
@@ -34,11 +35,12 @@ export default function OtrosGeneral() {
useEffect(() => { useEffect(() => {
let activo = true; let activo = true;
if (!data) setLoading(true); // spinner solo en la primera carga if (!data) setLoading(true); else setRecargando(true); // spinner solo 1a carga
setError(null); setError(null);
api.otrosGeneral(ano, mes, dia) api.otrosGeneral(ano, mes, dia)
.then((res) => { if (activo) { setData(res); setLoading(false); } }) .then((res) => { if (activo) setData(res); })
.catch((e) => { if (activo) { setError(e.message); setLoading(false); } }); .catch((e) => { if (activo) setError(e.message); })
.finally(() => { if (activo) { setLoading(false); setRecargando(false); } });
return () => { activo = false; }; return () => { activo = false; };
}, [ano, mes, dia, reload]); }, [ano, mes, dia, reload]);
@@ -63,7 +65,8 @@ export default function OtrosGeneral() {
{loading ? <Loader text="Cargando..." /> : {loading ? <Loader text="Cargando..." /> :
error ? <ErrorBox msg={error} /> : error ? <ErrorBox msg={error} /> :
!data ? <ErrorBox msg="Sin datos" /> : !data ? <ErrorBox msg="Sin datos" /> :
<> <div style={{ opacity: recargando ? 0.45 : 1, pointerEvents: recargando ? "none" : "auto",
transition: "opacity 0.25s ease" }}>
{/* ── Inversión Publicitaria por Sede (Always On) ── */} {/* ── Inversión Publicitaria por Sede (Always On) ── */}
{data.matriz_always && data.matriz_always.filas && ( {data.matriz_always && data.matriz_always.filas && (
<div className="card" style={{ marginTop: 4, padding: 0, overflow: "hidden" }}> <div className="card" style={{ marginTop: 4, padding: 0, overflow: "hidden" }}>
@@ -328,7 +331,7 @@ export default function OtrosGeneral() {
</div> </div>
</div> </div>
)} )}
</>} </div>}
</div> </div>
); );
} }