new format

app/(private)/Programas/page.tsx

@@ -16,7 +16,6 @@ export default function Page() {
   const [programas, setProgramas] = useState<Programa[]>([]);
   const [nombrePrograma, setNombrePrograma] = useState("");
 
-
   useEffect(() => {
     fetch(`${envConfig.apiUrl}/programa/`)
       .then((res) => res.json())
@@ -25,11 +24,9 @@ export default function Page() {
   }, []);
 
   const handleGuardar = async () => {
-  if (!programaSeleccionado) return;
+    if (!programaSeleccionado) return;
 
-  await fetch(
-    `${envConfig.apiUrl}/programa/${programaSeleccionado}`,
-    {
+    await fetch(`${envConfig.apiUrl}/programa/${programaSeleccionado}`, {
       method: "PATCH",
       headers: {
         "Content-Type": "application/json",
@@ -37,30 +34,28 @@ export default function Page() {
       body: JSON.stringify({
         programa: nombrePrograma,
       }),
-    }
-  );
+    });
 
+    const res = await fetch(`${envConfig.apiUrl}/programa/`);
+    const data = await res.json();
+    setProgramas(data);
 
-  const res = await fetch(`${envConfig.apiUrl}/programa/`);
-  const data = await res.json();
-  setProgramas(data);
-
-  setModo("ver");
-};
+    setModo("ver");
+  };
 
   const handleNuevo = () => setModo("nuevo");
-  
+
   const handleCancelar = () => setModo("ver");
   const handleEditar = () => {
-  const programa = programas.find(
-    (p) => p.id_programa === Number(programaSeleccionado)
-  );
+    const programa = programas.find(
+      (p) => p.id_programa === Number(programaSeleccionado),
+    );
 
-  if (programa) {
-    setNombrePrograma(programa.programa);
-    setModo("editar");
-  }
-};
+    if (programa) {
+      setNombrePrograma(programa.programa);
+      setModo("editar");
+    }
+  };
 
   return (
     <section className="containerSection">
@@ -70,8 +65,6 @@ export default function Page() {
           <h3 className="title">PROGRAMAS</h3>
           <label className="label">Programa para seleccionar y editar</label>
 
-          
-
           <select
             value={programaSeleccionado}
             onChange={(e) => setProgramaSeleccionado(e.target.value)}
@@ -84,13 +77,11 @@ export default function Page() {
               </option>
             ))}
           </select>
-        
 
           <div className="margin">
             <button className="button buttonSearch" onClick={handleEditar}>
               Editar
             </button>
-            
 
             <button
               className={`button buttonSearch ${styleprograms.button}`}
@@ -108,13 +99,12 @@ export default function Page() {
           <h2 className="title">Editar Programa</h2>
           <label className="label"> {programaSeleccionado}</label>
 
-          
           <input
-  type="text"
-  value={nombrePrograma}
-  onChange={(e) => setNombrePrograma(e.target.value)}
-  placeholder="Nombre del programa"
-/>
+            type="text"
+            value={nombrePrograma}
+            onChange={(e) => setNombrePrograma(e.target.value)}
+            placeholder="Nombre del programa"
+          />
 
           <div className="margin">
             <button className="button buttonSearch">Guardar</button>