Merge branch 'Carlos' of https://github.com/IO420/Nexus into Lino

app/(private)/InformacionEquipo/page.tsx

@@ -27,11 +27,24 @@ export default function Page() {
                 <input type="text" placeholder="Coloca " />
 
                 <label className="label">Plataforma</label>
-                <input type="text" placeholder="Coloca " />
+                <select>
+                  <option value="0">Elige</option>
+                  <option value="1">2</option>
+                  <option value="2">3</option>
+                  <option value="3">4</option>
+                  <option value="4">5</option>
+                  <option value="5">6</option>
+                </select>
 
                 <label className="label">Area Ubicacion</label>
-                <input type="text" placeholder="Coloca " />
-
+                <select>
+                  <option value="0">Elige</option>
+                  <option value="1">mmmmm</option>
+                  <option value="2">mmmmm</option>
+                  <option value="3">mmmmm</option>
+                  <option value="4">mmmmm</option>
+                  <option value="5">mmmmm</option>
+                </select>
                 <div className="containerButton">
                   <button className="button buttonSearch">Nuevo</button>
                   <button className="button buttonSearch">Editar</button>

app/(private)/Programas/page.tsx

@@ -5,7 +5,11 @@ import styleprograms from "./programas.module.css";
 
 export default function Page() {
   const [Editar, setEditar] = useState(true);
+  const [Nuevo, setNuevo] = useState(true);
 
+  const handleNuevo = () => {
+    setNuevo(false);
+  };
   const handleEditar = () => {
     setEditar(false);
   };
@@ -26,7 +30,10 @@ export default function Page() {
             <button className="button buttonSearch" onClick={handleEditar}>
               Editar
             </button>
-            <button className={`button buttonSearch ${styleprograms.button}`}>
+            <button
+              className={`button buttonSearch ${styleprograms.button}`}
+              onClick={handleNuevo}
+            >
               Nuevo
             </button>
           </div>
@@ -51,6 +58,25 @@ export default function Page() {
           </div>
         </section>
       )}
+
+      {!Nuevo && (
+        <section className="containersection">
+          <label className="label">Programas</label>
+          <input
+            type="text"
+            //value={user}
+            //onChange={(e) => setUser(e.target.value)}
+            placeholder="Coloca "
+          />
+          <div className="margin">
+            <button className="button buttonSearch">Insertar</button>
+
+            <button className={`button buttonSearch ${styleprograms.button}`}>
+              Cancelar
+            </button>
+          </div>
+        </section>
+      )}
     </>
   );
 }

app/globals.css

@@ -364,6 +364,12 @@ table tr {
   justify-content: center;
   align-items: center;
 }
+.centerGrido {
+  display: grid;
+  grid-template-columns: auto 200px;
+  justify-content: center;
+  align-items: center;
+}
 
 .impressions-title {
   font-size: 1.75rem;

app/not-found.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client";
 
 import { useRouter } from "next/navigation";
 
@@ -11,18 +11,15 @@ export default function NotFound() {
 
   return (
     <section>
-      <img
-        src="/404-bg.png"
-        alt="Página no encontrada"
-      />
+      <img src="/404-bg.png" alt="Página no encontrada" />
 
+      {/* Título */}
       <h1>404 - Página no encontrada</h1>
 
+      {/* Texto */}
       <p>Lo sentimos, la página que buscas no existe.</p>
       <p>Por favor, verifica la URL o regresa a la página principal.</p>
-      <button className="button buttonSearch" onClick={handleButton}>
-        regresa al inicio
-      </button>
+      <button className="button buttonSearch"> regresa al inicio</button>
     </section>
   );
 }