Actualizar frontend/src/App.jsx

frontend/src/App.jsx

@@ -4,6 +4,8 @@ import Leads from "./pages/Leads";
 import OtrosGeneral from "./pages/OtrosGeneral";
 import Vendedores from "./pages/Vendedores";
 import Roas from "./pages/Roas";
+import Programa from "./pages/Programa";
+import Alertas from "./pages/Alertas";
 import CampanitaAlertas from "./components/CampanitaAlertas";
 import ConfigModal from "./components/ConfigModal";
 import ErrorBoundary from "./components/ErrorBoundary";
@@ -11,20 +13,27 @@ import ErrorBoundary from "./components/ErrorBoundary";
 export default function App() {
   const [pagina, setPagina] = useState("leads");
   const [config, setConfig] = useState(false);
+  // Filtro inicial para el apartado PROGRAMA cuando se llega por un enlace desde Leads.
+  const [progInicial, setProgInicial] = useState(null);   // { ano, mes, programa }
+
+  // Ir al apartado PROGRAMA ya filtrado por un curso (desde la tabla de Leads).
+  const irAPrograma = (filtro) => { setProgInicial(filtro); setPagina("programa"); };
 
   function render() {
     switch (pagina) {
-      case "leads": return <Leads />;
+      case "leads": return <Leads irAPrograma={irAPrograma} />;
       case "otros": return <OtrosGeneral />;
       case "vendedores": return <Vendedores />;
       case "roas": return <Roas />;
+      case "programa": return <Programa inicial={progInicial} onConsumirInicial={() => setProgInicial(null)} />;
+      case "alertas": return <Alertas />;
       default: return null;
     }
   }
 
   return (
     <div className="app">
-      <Sidebar active={pagina} onChange={setPagina} onConfig={() => setConfig(true)} />
+      <Sidebar active={pagina} onChange={(p) => { setPagina(p); }} onConfig={() => setConfig(true)} />
       <main className="main">
         <ErrorBoundary key={pagina}>{render()}</ErrorBoundary>
       </main>