From 93c8feb953ced30a2fa4d88223f6fc29fffe6000 Mon Sep 17 00:00:00 2001
From: frcarlos <307100636@pcpuma.acatlan.unam.mx>
Date: Tue, 3 Feb 2026 12:45:31 -0500
Subject: [PATCH] programs finish

---
 app/(private)/Programas/page.tsx | 43 +++++++++++++++++++++++++++++---
 1 file changed, 39 insertions(+), 4 deletions(-)

diff --git a/app/(private)/Programas/page.tsx b/app/(private)/Programas/page.tsx
index 5bc2265..58a58e1 100644
--- a/app/(private)/Programas/page.tsx
+++ b/app/(private)/Programas/page.tsx
@@ -23,6 +23,28 @@ export default function Page() {
       .catch((error) => console.error("Error al cargar programas:", error));
   }, []);
 
+  const handleInsertar = async () => {
+  if (!nombrePrograma) return;
+
+  await fetch(`${envConfig.apiUrl}/programa`, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify({
+      programa: nombrePrograma,
+    }),
+  });
+
+  const res = await fetch(`${envConfig.apiUrl}/programa/`);
+  const data = await res.json();
+  setProgramas(data);
+
+  setNombrePrograma("");
+  setModo("ver");
+};
+
+
   const handleGuardar = async () => {
     if (!programaSeleccionado) return;
 
@@ -63,7 +85,7 @@ export default function Page() {
       {modo === "ver" && (
         <section className="containersection">
           <h3 className="title">PROGRAMAS</h3>
-          <label className="label">Programa para seleccionar y editar</label>
+          <label className="label">Selecciona el programa que quieres editar</label>
 
           <select
             value={programaSeleccionado}
@@ -107,7 +129,11 @@ export default function Page() {
           />
 
           <div className="margin">
-            <button className="button buttonSearch">Guardar</button>
+         <button className="button buttonSearch" onClick={handleGuardar}>
+  Guardar
+</button>
+
+            
 
             <button
               className={`button buttonCancel ${styleprograms.button}`}
@@ -125,10 +151,19 @@ export default function Page() {
           <h2 className="title">Nuevo Programa</h2>
 
           <label className="label">Programa</label>
-          <input type="text" placeholder="Coloca el programa" />
+          <input
+  type="text"
+  value={nombrePrograma}
+  onChange={(e) => setNombrePrograma(e.target.value)}
+  placeholder="Coloca el programa"
+/>
+
 
           <div className="margin">
-            <button className="button buttonSearch">Insertar</button>
+            <button className="button buttonSearch" onClick={handleInsertar}>
+  Insertar
+</button>
+
 
             <button
               className={`button buttonCancel ${styleprograms.button}`}