merge lino

app/(private)/InformacionEquipo/page.tsx

@@ -1,6 +1,7 @@
 import Toggle from "@/app/Components/Global/Toggle/Toggle";
 import Equipos from "@/app/Components/Equipos/equipos";
 import ProgramSelector from "@/app/Components/InformacionEquipos/ProgramSelector";
+
 import "./informacionequipo.css";
 
 export default async function Page(props: {
@@ -15,6 +16,7 @@ export default async function Page(props: {
 
   return (
     <section className="containerSection">
+
       <h2 className="title"> INFORMACION DE EQUIPOS </h2>
 
       <Toggle
@@ -23,7 +25,7 @@ export default async function Page(props: {
           {
             key: "Equipos",
             label: "Equipos",
-            content: <Equipos />, // ✅ Aquí solo se muestran los equipos
+            content: <Equipos />,
           },
           {
             key: "Equipo",
@@ -48,3 +50,4 @@ export default async function Page(props: {
     </section>
   );
 }
+//IO

app/Components/InformacionEquipos/ProgramSelector.tsx

@@ -62,12 +62,9 @@ export default function ProgramSelector() {
     getEquipos();
   }, []);
 
-  useEffect(() => {
-    const response = axios.get(
-      "https://venus.acatlan.unam.mx/asignacionTiempo_test/equipo"
-    );
-    setPrograma(response)
-  });
+  const handleChangeEquipo = (e: React.ChangeEvent<HTMLSelectElement>) => {
+    const equipo = e.target.value;
+    setEquipoSeleccionado(equipo);
 
     const nuevosCheckboxes: Record<string, boolean> = {};
     programas.forEach((prog) => {
@@ -79,10 +76,9 @@ export default function ProgramSelector() {
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
+    console.log("Equipo:", equipoSeleccionado);
     console.log(
-      tipo === "sala" ? "Sala:" : "Equipo:",
-      seleccion,
-      "\nProgramas seleccionados:",
+      "Programas seleccionados:",
       Object.keys(checkboxes).filter((p) => checkboxes[p])
     );
   };
@@ -119,4 +115,4 @@ export default function ProgramSelector() {
       </button>
     </form>
   );
-}
+}