restructuring layout

app/(private)/ActivosMantenimiento/page.tsx

@@ -1,9 +1,9 @@
 "use client";
-import SearchUser from "@/app/Components/SearchUser/searchUser";
-import Equipos from "@/app/Components/ActivosMantenimiento/Equipos";
-import Toggle from "@/app/Components/Toggle/Toggle";
-import Areas from "@/app/Components/ActivosMantenimiento/Areas";
-import Mesas from "@/app/Components/ActivosMantenimiento/Mesas";
+import Areas from "@/app/Components/Equipo/ActivosMantenimiento/Areas";
+import Mesas from "@/app/Components/Equipo/ActivosMantenimiento/Mesas";
+import Equipos from "@/app/Components/Equipo/Equipos/equipos";
+import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
 
 export default function Page(props: {
   searchParams?: Promise<{

app/(private)/AgregarTiempo/page.tsx

@@ -1,7 +1,7 @@
-import SearchUser from "@/app/Components/SearchUser/searchUser";
-import Information from "@/app/Components/Information/information";
+import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
+import Information from "@/app/Components/Global/Information/information";
 import Receipt from "@/app/Components/Receipt/Receipt";
-import AlertBox from "@/app/Components/AlertBox/AlertBox";
+import AlertBox from "@/app/Components/Global/AlertBox/AlertBox";
 
 import { GetStudent } from "@/app/lib/getStudent";
 
@@ -16,12 +16,18 @@ export default async function Page(props: {
 }) {
   const params = await props.searchParams;
   const numAcount = params?.numAcount ? params.numAcount : null;
-  const showSuccess = params?.success ? parseInt(params.success) : null;
-  const showError = params?.error ? params.error : null;
+  const showSuccess = params?.success ? params.success : null;
+  let showError = params?.error ? params.error : null;
 
   let student: any = null;
   if (numAcount) {
-    student = await GetStudent(parseInt(numAcount));
+    const result = await GetStudent(parseInt(numAcount));
+
+    if (result.error) {
+      showError = "Alumno no encontrado";
+    } else {
+      student = result;
+    }
   }
 
   return (

app/(private)/Alta/page.tsx

@@ -1,75 +1,12 @@
-"use client";
-import { useState } from "react";
-import StepNavigator from "@/app/Components/StepNavigator/StepNavigator";
+import RegisterAlta from "@/app/Components/Inscripciones/Alta/registerAlta";
+import "./style.css";
 
 export default function Page() {
-  const [step, setStep] = useState(1);
-  const [major, setMajor] = useState("");
-
   return (
     <section className="containerSection">
       <h1 className="title">ALTA</h1>
 
-      <StepNavigator totalSteps={2} onFinish={() => console.log()}>
-        <form className="containerForm gap">
-          <label className="label">No.Cuenta</label>
-          <input
-            type="text"
-            //value={user}
-            //onChange={(e) => setUser(e.target.value)}
-            placeholder="Coloca un número de cuenta..."
-          />
-
-          <label className="label">Nombre</label>
-          <input
-            type="text"
-            //value={user}
-            //onChange={(e) => setUser(e.target.value)}
-            placeholder="Coloca el nombre"
-          />
-
-          <label className="label">Apellido Paterno</label>
-          <input
-            type="text"
-            //value={user}
-            //onChange={(e) => setUser(e.target.value)}
-            placeholder="Coloca el apellido paterno"
-          />
-
-          <label className="label">Apellido Materno</label>
-          <input
-            type="text"
-            //value={user}
-            //onChange={(e) => setUser(e.target.value)}
-            placeholder="Coloca el apellido materno"
-          />
-        </form>
-        <form className="gap">
-          <label className="label">Email</label>
-          <input
-            type="text"
-            //value={user}
-            //onChange={(e) => setUser(e.target.value)}
-            placeholder="Coloca "
-          />
-
-          <label className="label">Fecha Nacimiento</label>
-          <input
-            type="text"
-            //value={user}
-            //onChange={(e) => setUser(e.target.value)}
-            placeholder="Coloca "
-          />
-
-          <label className="label">Carrera</label>
-          <select value={major} onChange={(e) => setMajor(e.target.value)}>
-            <option value="">-- Selecciona un tiempo --</option>
-            <option value="15">15 minutos</option>
-          </select>
-
-          <button className="button buttonSearch">registrar</button>
-        </form>
-      </StepNavigator>
+      <RegisterAlta />
     </section>
   );
 }

app/(private)/Alta/style.css

@@ -0,0 +1,23 @@
+.gridAlta {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+.containerAlta {
+  background-color: #f9f9f9;
+  width: 100%;
+  max-width: 900px;
+  padding: 1rem;
+  border-radius: 4px;
+}
+
+@media (max-width: 800px) {
+  .gridAlta {
+    grid-template-columns: 1fr;
+    justify-items: center;
+    min-width: max-content;
+  }
+
+  .containerAlta {
+    width: 80%;
+  }
+}

app/(private)/AsignacionEquipo/asignacionEquipos..css

@@ -1,29 +0,0 @@
-
-.availableTablesContainer {
-  /* You can add specific styles for the table list here */
-  width: 45%; /* Adjust width to fit the layout */
-  background-color: #f9f9f9;
-  border-radius: 8px;
-  padding: 10px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.tableList {
-  list-style: none;
-  padding: 0;
-  display: flex;
-  flex-direction: column; /* Or use flex-wrap to make it a grid */
-  height: 200px; /* Or a fixed height with overflow */
-  overflow-y: auto;
-}
-
-.tableList li {
-  padding: 8px;
-  border-bottom: 1px solid #ddd;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-
-.tableList li:hover {
-  background-color: #f0f0f0;
-}

app/(private)/AsignacionEquipo/page.tsx

@@ -1,6 +1,6 @@
 "use client";
-import SearchUser from "@/app/Components/SearchUser/searchUser";
-import Toggle from "@/app/Components/Toggle/Toggle";
+import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
 
 export default function Page() {
   return (

app/(private)/AsignacionMesas/asignacionmesas.css

@@ -1,29 +0,0 @@
-
-.availableTablesContainer {
-  /* You can add specific styles for the table list here */
-  width: 45%; /* Adjust width to fit the layout */
-  background-color: #f9f9f9;
-  border-radius: 8px;
-  padding: 10px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.tableList {
-  list-style: none;
-  padding: 0;
-  display: flex;
-  flex-direction: column; /* Or use flex-wrap to make it a grid */
-  height: 200px; /* Or a fixed height with overflow */
-  overflow-y: auto;
-}
-
-.tableList li {
-  padding: 8px;
-  border-bottom: 1px solid #ddd;
-  cursor: pointer;
-  transition: background-color 0.2s;
-}
-
-.tableList li:hover {
-  background-color: #f0f0f0;
-}

app/(private)/AsignacionMesas/page.tsx

@@ -1,6 +1,6 @@
 "use client";
-import SearchUser from "@/app/Components/SearchUser/searchUser";
-import Toggle from "@/app/Components/Toggle/Toggle";
+import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
 import { useState } from "react";
 
 export default function Page() {

app/(private)/BitacoraSanciones/page.tsx

@@ -1,10 +1,10 @@
 "use client";
 
-import Toggle from "@/app/Components/Toggle/Toggle";
-import Sanciones from "@/app/Components/BitacoraSanciones/Sanciones";
-import BitacoraMesas from "@/app/Components/BitacoraSanciones/BitacoraMesas";
-import BitacoraAlumno from "@/app/Components/BitacoraSanciones/BitacoraAlumno";
-import BitacoraEquipo from "@/app/Components/BitacoraSanciones/BitacoraEquipo";
+import BitacoraAlumno from "@/app/Components/Reportes/BitacoraSanciones/BitacoraAlumno";
+import BitacoraEquipo from "@/app/Components/Reportes/BitacoraSanciones/BitacoraEquipo";
+import BitacoraMesas from "@/app/Components/Reportes/BitacoraSanciones/BitacoraMesas";
+import Sanciones from "@/app/Components/Reportes/BitacoraSanciones/Sanciones";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
 
 export default function Page() {
   return (

app/(private)/CambiarPass/page.tsx

@@ -1,13 +1,12 @@
-import ChangePassword from "../../Components/ChangePassword/changePassword";
+import ChangePassword from "@/app/Components/auth/ChangePassword/changePassword";
 
 export default function Page() {
   return (
-    <section className='containerSection'>
-      <h2 className='title'> Cambiar contraseña </h2>
+    <section className="containerSection">
+      <h2 className="title"> Cambiar contraseña </h2>
 
-      <ChangePassword/>
+      <ChangePassword />
     </section>
-
   );
 }
-//IO
+//IO

app/(private)/Impresiones/page.tsx

@@ -1,12 +1,13 @@
-import SearchUser from "../../Components/SearchUser/searchUser";
+import SearchUser from "../../Components/Global/SearchUser/searchUser";
 import Receipt from "../../Components/Receipt/Receipt";
-import Impressions from "../../Components/Impressions/impressions";
-import Toggle from "../../Components/Toggle/Toggle";
-import Information from "../../Components/Information/information";
-import AlertBox from "@/app/Components/AlertBox/AlertBox";
+import Toggle from "../../Components/Global/Toggle/Toggle";
+import Information from "../../Components/Global/Information/information";
+import AlertBox from "@/app/Components/Global/AlertBox/AlertBox";
 import { GetStudent } from "@/app/lib/getStudent";
 
 import "@/app/globals.css";
+import Impressions from "@/app/Components/Servicios/Impressions/impressions";
+
 export default async function Page(props: {
   searchParams?: Promise<{
     numAcount: string;
@@ -17,14 +18,14 @@ export default async function Page(props: {
   const params = await props.searchParams;
   const numAcount = params?.numAcount ? params.numAcount : null;
   const showSuccess = params?.success ? params.success : null;
-  let showError = params?.error ? params.error : null;
+  const showError = params?.error ? params.error : null;
 
   let student: any = null;
+
   if (numAcount) {
     const result = await GetStudent(parseInt(numAcount));
 
     if (result.error) {
-      showError = "Alumno no encontrado";
     } else {
       student = result;
     }

app/(private)/InformacionEquipo/page.tsx

@@ -1,8 +1,8 @@
-import ProgramSelector from "@/app/Components/ProgramSelector/ProgramSelector";
-import Toggle from "@/app/Components/Toggle/Toggle";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
+import ProgramSelector from "@/app/Components/Equipo/ProgramSelector/ProgramSelector";
+import Equipos from "@/app/Components/Equipo/Equipos/equipos";
 
 import "./informacionequipo.css";
-import Equipos from "@/app/Components/Equipos/equipos";
 
 export default function Page() {
   return (

app/(private)/Inscripcion/page.tsx

@@ -1,27 +1,31 @@
-import SearchUser from "@/app/Components/SearchUser/searchUser";
-import Information from "@/app/Components/Information/information";
-import StepNavigator from "@/app/Components/StepNavigator/StepNavigator";
+import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
+import Information from "@/app/Components/Global/Information/information";
+import StepNavigator from "@/app/Components/Global/StepNavigator/StepNavigator";
 import Receipt from "@/app/Components/Receipt/Receipt";
 import Selection from "@/app/Components/Selection/Selection";
 import { GetStudent } from "@/app/lib/getStudent";
 
 import "./inscriptions.css";
+import AlertBox from "@/app/Components/Global/AlertBox/AlertBox";
 
 export default async function Page(props: {
   searchParams?: Promise<{
     numAcount: string;
+    success?: string;
+    error?: string;
   }>;
 }) {
   const params = await props.searchParams;
   const numAcount = params?.numAcount ? params.numAcount : null;
+  const showSuccess = params?.success ? params.success : null;
+  let showError = params?.error ? params.error : null;
 
   let student: any = null;
-  let error: string | null = null;
   if (numAcount) {
     const result = await GetStudent(parseInt(numAcount));
 
     if (result.error) {
-      error = result.error;
+      showError = "Alumno no encontrado";
     } else {
       student = result;
     }
@@ -29,9 +33,19 @@ export default async function Page(props: {
 
   return (
     <section className="containerSection">
+      {showError && (
+        <>
+          <AlertBox key={Date.now()} message={showError} type="error" />
+        </>
+      )}
+
+      {showSuccess && (
+        <AlertBox key={Date.now()} message={showSuccess} type="success" />
+      )}
+
       <h2 className="title"> INSCRIPCION </h2>
 
-      <SearchUser urlBase="Inscripciones" value={numAcount} />
+      <SearchUser urlBase="Inscripcion" value={numAcount} />
 
       {student ? (
         <>
@@ -44,7 +58,7 @@ export default async function Page(props: {
 
           <StepNavigator totalSteps={2}>
             <Selection />
-            <Receipt urlBase={"Inscripciones"} numAcount={student.id_cuenta} />
+            <Receipt urlBase={"Inscripcion"} numAcount={student.id_cuenta} />
           </StepNavigator>
         </>
       ) : (

app/(private)/Mensajes/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import EnviarMensaje from "@/app/Components/EviarMensaje/EnviarMensaje";
-import Toggle from "@/app/Components/Toggle/Toggle";
+import EnviarMensaje from "@/app/Components/Equipo/EviarMensaje/EnviarMensaje";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
 
 export default function Page() {
   return (

app/(private)/Programas/page.tsx

@@ -3,7 +3,6 @@ import { useState } from "react";
 import styleprograms from "./programas.module.css";
 
 export default function Page() {
-  // modo puede ser: "ver", "editar", "nuevo"
   const [modo, setModo] = useState("ver");
 
   const handleNuevo = () => {

app/(private)/QuitarSancion/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import SearchUser from "@/app/Components/SearchUser/searchUser";
+import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
 import QuitarSancion from "@/app/Components/QuitarSancion/QuitarSancion";
 
 export default function Page() {

app/(private)/Reportes/page.tsx

@@ -2,8 +2,8 @@
 
 import { useState } from "react";
 import styles from "./Page.module.css"; // importamos el css
-import Toggle from "@/app/Components/Toggle/Toggle";
-import SearchDateBetween from "@/app/Components/SearchDateBetween/SearchDateBetween";
+import Toggle from "@/app/Components/Global/Toggle/Toggle";
+import SearchDateBetween from "@/app/Components/Reportes/SearchDateBetween/SearchDateBetween";
 
 export default function Page() {
   const [reportes] = useState([
@@ -69,7 +69,7 @@ export default function Page() {
             label: "Por Servicio",
             content: (
               <>
-                  <SearchDateBetween />
+                <SearchDateBetween />
                 <div className={styles.tableContainer}>
                   <table className={styles.machineTable}>
                     <thead>

app/(private)/layout.tsx

@@ -1,8 +1,12 @@
 import { ReactNode } from "react";
-import BarNavigation from "../Components/BarNavigation/BarNavigation";
-import Logout from "../Components/Logout/Logout";
+import BarNavigation from "../Components/layout/BarNavigation/BarNavigation";
+import Logout from "../Components/auth/Logout/Logout";
 
-export default function PrivateLayout({ children }: { children: ReactNode }) {
+export default async function PrivateLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
   return (
     <div className="mainContainer">
       <BarNavigation />

app/Components/Global/visual/GlobalAlert.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import AlertBox from "@/app/Components/AlertBox/AlertBox";
-import ClearParams from "@/app/Components/ClearParams/ClearParams";
+import AlertBox from "@/app/Components/Global/AlertBox/AlertBox";
+import ClearParams from "@/app/Components/Global/ClearParams/ClearParams";
 
 export default function GlobalAlert() {
   const [showSuccess, setShowSuccess] = useState<string | null>(null);
@@ -22,14 +22,12 @@ export default function GlobalAlert() {
       {showError && (
         <>
           <AlertBox key={Date.now()} message={showError} type="error" />
-          <ClearParams paramsToClear={["error"]} />
         </>
       )}
 
       {showSuccess && (
         <>
           <AlertBox key={Date.now()} message={showSuccess} type="success" />
-          <ClearParams paramsToClear={["success"]} />
         </>
       )}
     </section>

app/Components/Inscripciones/Alta/registerAlta.tsx

@@ -0,0 +1,68 @@
+"use client";
+import { useState } from "react";
+
+export default function RegisterAlta() {
+  const [major, setMajor] = useState("");
+  return (
+    <form className="containerAlta gap gridAlta">
+      <div className="containerForm">
+        <label className="label">No.Cuenta</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca un número de cuenta..."
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Nombre</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca el nombre"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Apellido Paterno</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca el apellido paterno"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Apellido Materno</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca el apellido materno"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Fecha Nacimiento</label>
+        <input
+          type="text"
+          //value={user}
+          //onChange={(e) => setUser(e.target.value)}
+          placeholder="Coloca fecha empezando por año"
+        />
+      </div>
+
+      <div className="containerForm">
+        <label className="label">Carrera</label>
+        <select value={major} onChange={(e) => setMajor(e.target.value)}>
+          <option value="">Selecciona la carrera</option>
+        </select>
+      </div>
+
+      <button className="button buttonSearch">registrar</button>
+    </form>
+  );
+}

app/Components/Receipt/Receipt.tsx

@@ -89,7 +89,7 @@ function Receipt({ urlBase, numAcount }: ReceiptsProps) {
             value={folio}
             onChange={(error) => {
               const value = error.target.value;
-              if (/^\d*$/.test(value)) {
+              if (/^\d*$/.test(value) && value.length <= 7) {
                 setFolio(value);
               }
             }}
@@ -114,7 +114,7 @@ function Receipt({ urlBase, numAcount }: ReceiptsProps) {
                   setAmount(value);
                 } else {
                   router.push(
-                    `/Impresiones?numAcount=${numAcount}&error=El monto no puede superar $1000.00`
+                    `${urlBase}?numAcount=${numAcount}&error=El monto no puede superar $1000.00`
                   );
                 }
               }

app/Components/Reportes/BitacoraSanciones/Sanciones.tsx

@@ -1,8 +1,8 @@
 "use client";
 import { useEffect, useState } from "react";
 import styles from "./Page.module.css";
-import SearchUser from "../SearchUser/searchUser";
-import Information from "../Information/information";
+import SearchUser from "../../Global/SearchUser/searchUser";
+import Information from "../../Global/Information/information";
 import { GetStudent } from "@/app/lib/getStudent";
 import { envConfig } from "@/app/lib/config";
 

app/Components/Reportes/SearchDateBetween/SearchDateBetween.tsx

@@ -1,5 +1,5 @@
 "use client";
-import { Margarine } from "next/font/google";
+
 import { useState } from "react";
 
 function SearchDateBetween() {

app/Components/auth/Login/Login.tsx

@@ -3,8 +3,8 @@ import { useState } from "react";
 import { loginUser } from "@/app/lib/login";
 import { useRouter } from "next/navigation";
 
-import AlertBox from "../AlertBox/AlertBox";
 import "./Login.css";
+import AlertBox from "../../Global/AlertBox/AlertBox";
 
 function Login() {
   const [user, setUser] = useState("");

app/Components/layout/BarNavigation/BarNavigation.tsx

@@ -24,7 +24,7 @@ function BarNavigation() {
 
       <ul className={openMenu ? "active" : ""}>
         <li className={`subMenu ${openSubMenu === 0 ? "open" : ""}`}>
-          <span onClick={() => toggleSubMenu(0)}>Inscripciones</span>
+          <span onClick={() => toggleSubMenu(0)}>Inscripcion</span>
           <ul className="containerLinks" onClick={toggleMenu}>
             <Link href="/Alta" className="links">
               <li>Alta</li>
@@ -32,8 +32,8 @@ function BarNavigation() {
             <Link href="/AgregarTiempo" className="links">
               <li>Agregar Tiempo</li>
             </Link>
-            <Link href="/Inscripciones" className="links">
-              <li>Inscripciones</li>
+            <Link href="/Inscripcion" className="links">
+              <li>Inscripcion</li>
             </Link>
           </ul>
         </li>

app/globals.css

@@ -164,6 +164,7 @@ footer p {
 input,
 select {
   flex: 1;
+  width: 100%;
   min-width: 200px;
   max-width: 500px;
   padding: 1rem;

app/layout.tsx

@@ -1,10 +1,10 @@
 import type { Metadata } from "next";
 import { Poppins } from "next/font/google";
-import Header from "./Components/Header/Header";
-import Footer from "./Components/Footer/Footer";
+
+import Header from "./Components/layout/Header/Header";
+import Footer from "./Components/layout/Footer/Footer";
 
 import "./globals.css";
-import GlobalAlert from "./Components/visual/GlobalAlert";
 
 const poppins = Poppins({
   variable: "--font-poppins",

app/page.tsx

@@ -1,4 +1,4 @@
-import Login from "./Components/Login/Login";
+import Login from "./Components/auth/Login/Login";
 import { LoginRedirect } from "./Routes/LoginRedirect";
 
 export default function Home() {
@@ -13,4 +13,4 @@ export default function Home() {
     </div>
   );
 }
-//IO
+//IO