merge axel

app/(private)/Periodo-Graficas/page.tsx

@@ -27,7 +27,6 @@ export default function ReporteTotalesPage() {
   const [periodos, setPeriodos] = useState<Periodo[]>([]);
   const [cargando, setCargando] = useState(true);
 
-  // Estados para los filtros
   const [periodoInicio, setPeriodoInicio] = useState<string>("");
   const [periodoFin, setPeriodoFin] = useState<string>("");
   const [servicioId, setServicioId] = useState<string>("");
@@ -35,7 +34,6 @@ export default function ReporteTotalesPage() {
   const token = Cookies.get("token");
   const headers = { Authorization: `Bearer ${token}` };
 
-  // Obtener lista de servicios y periodos para los selects
   useEffect(() => {
     const fetchData = async () => {
       try {
@@ -71,7 +69,6 @@ export default function ReporteTotalesPage() {
     }
   };
 
-  // Llamar cuando cambien los filtros (podría ser con un botón o automático con debounce)
   const aplicarFiltros = () => {
     obtenerTotales();
   };
@@ -80,7 +77,6 @@ export default function ReporteTotalesPage() {
     <div>
       <h1 style={{ color: "rgb(3, 1, 72)" }}>REPORTE DE TOTALES POR SERVICIO Y PERIODO</h1>
 
-      {/* Filtros */}
       <div style={{ marginBottom: "20px", display: "flex", gap: "10px", flexWrap: "wrap" }}>
         <select
           value={periodoInicio}