fixed error mesa

app/(private)/AsignacionMesas/TableMesas.tsx

@@ -0,0 +1,70 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import styles from "../Monitor/Page.module.css";
+import axios from "axios";
+import Cookies from "js-cookie";
+
+type Mesa = {
+  id_mesa: number;
+  ocupado: number;
+};
+
+export default function TableMesas() {
+  const [mesas, setMesas] = useState<Mesa[]>([]);
+  const [loading, setLoading] = useState(true);
+
+  const token = Cookies.get("token");
+  const headers = { Authorization: `Bearer ${token}` };
+
+  const fetchMesas = async () => {
+    try {
+      const res = await axios.get(
+        `${process.env.NEXT_PUBLIC_API_URL}/mesa/usoWhitout`,
+        { headers },
+      );
+
+      setMesas(res.data);
+    } catch (error) {
+      console.error("Error cargando mesas:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    fetchMesas();
+  }, []);
+
+  if (loading) {
+    return <div className={styles.tableContainer}>
+      <table className={styles.machineTable}>
+        <thead>
+          <tr>
+            <th>Cargando mesas...</th>
+          </tr>
+        </thead>
+      </table>
+    </div>
+  }
+
+  return (
+    <div className={styles.tableContainer}>
+      <table className={styles.machineTable}>
+        <thead>
+          <tr>
+            <th>ID Mesa</th>
+          </tr>
+        </thead>
+
+        <tbody>
+          {mesas.map((mesa) => (
+            <tr key={mesa.id_mesa} className={!mesa.ocupado ? '' : styles.ocupado}>
+              <td>{mesa.id_mesa}</td>
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </div>
+  );
+}

app/(private)/AsignacionMesas/page.tsx

@@ -4,13 +4,13 @@ import Information from "@/app/Components/Global/Information/information";
 import SearchUser from "@/app/Components/Global/SearchUser/searchUser";
 import ShowError from "@/app/Components/Global/ShowError";
 import Toggle from "@/app/Components/Global/Toggle/Toggle";
+import TableMesas from "./TableMesas";
 
 import { GetRegisterStudent } from "@/app/lib/getRegisterStudent";
 import { GetRegisterStudentSancion } from "@/app/lib/GetRegisterStudentSancion";
-import TableTable from "../Monitor/TableTable";
+import { Metadata } from "next";
 
 import './asignacion.css'
-import { Metadata } from "next";
 
 export const metadata: Metadata = {
   title: "AsignacionMesas",
@@ -20,7 +20,7 @@ export default async function Page(props: {
   searchParams?: Promise<{
     key?: string;
     numAcount?: string;
-    table?: number
+    table?: string
   }>;
 }) {
   const params = await props.searchParams;
@@ -100,7 +100,7 @@ export default async function Page(props: {
           ]}
         />
         <div className="tableTable">
-          <TableTable />
+          <TableMesas key={Date.now()}/>
         </div>
       </div>
     </section>

app/(private)/Periodo/page.tsx

@@ -210,4 +210,5 @@ export default function PeriodoPage() {
       </div>
     </div>
   );
-}
+}
+//IO

app/Components/AsignacionMesas.tsx

@@ -4,10 +4,11 @@ import { useEffect, useState } from "react";
 import { envConfig } from "@/app/lib/config";
 import { getEquipoByCount } from "../lib/getEquipoByCount";
 import { getMesaByCount } from "../lib/getMesaByCount";
+import { useRouter } from "next/navigation";
+
 import Swal from "sweetalert2";
 import axios from "axios";
 import Cookies from "js-cookie";
-import { useRouter } from "next/navigation";
 
 type Props = {
   inscripcion: any[];
@@ -130,6 +131,7 @@ export default function AsignacionMesas({ idCuenta, inscripcion }: Props) {
 
       setBitacora([]);
       router.refresh();
+      setError("Mesa")
       Swal.fire({
         title: "Mesa asignada correctamente!",
         icon: "success",

app/Components/CheckBoxEquipo.tsx

@@ -37,7 +37,7 @@ interface Props {
 }
 
 export default function CheckBoxEquipo({ numAcount, machine }: Props) {
-  const [modo, setModo] = useState<"Equipo" | "Cuenta">("Cuenta");
+  const [modo, setModo] = useState<"Equipo" | "Cuenta">("Equipo");
 
   const [bitacoraCuenta, setBitacoraCuenta] = useState<any>(null);
   const [bitacoraEquipo, setBitacoraEquipo] = useState<any>(null);

app/Components/CheckBoxMesa.tsx

@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { getTableByCount } from "../lib/getTableByCount";
 import { envConfig } from "../lib/config";
 import { getMesaByCount } from "../lib/getMesaByCount";
-import { useRouter } from "next/navigation";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
 
 import SearchUser from "./Global/SearchUser/searchUser";
 import Information from "./Global/Information/information";
@@ -15,11 +15,11 @@ import Cookies from "js-cookie";
 
 interface props {
   numAcount: string | null;
-  table: number | null;
+  table: string | null;
 }
 
 export default function CheckBoxMesa({ numAcount, table }: props) {
-  const [modo, setModo] = useState<"Mesa" | "Cuenta" | null>("Cuenta");
+  const [modo, setModo] = useState<"Mesa" | "Cuenta" | null>("Mesa");
   const [bitacoraMesa, setBitacoraMesa] = useState<any>(null);
   const [bitacoraCuenta, setBitacoraCuenta] = useState<any>(null);
   const [tiempoRestante, setTiempoRestante] = useState<string>("");
@@ -31,6 +31,9 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
   const bitacora = modo === "Cuenta" ? bitacoraCuenta : bitacoraMesa;
 
   const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const params = new URLSearchParams(searchParams.toString());
 
   const fetchByCuenta = async (idCuenta: number) => {
     const result = await getMesaByCount(idCuenta);
@@ -62,13 +65,15 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
     if (isNaN(idCuenta)) return;
 
     fetchByCuenta(idCuenta);
-  }, [numAcount]);
+  }, [numAcount, modo]);
 
   useEffect(() => {
+    setBitacoraMesa(null);
+    params.delete("numAcount");
+    router.push(`${pathname}?${params.toString()}`);
     if (modo !== "Mesa" || !table) return;
-    const idEquipo = table;
+    const idEquipo = parseInt(table);
     if (isNaN(idEquipo)) return;
-
     fetchByMesa(idEquipo);
   }, [table]);
 
@@ -132,15 +137,22 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
 
       if (modo === "Cuenta" && numAcount) {
         fetchByCuenta(parseInt(numAcount));
+        params.delete("numAcount");
+        router.push(`${pathname}?${params.toString()}`);
       }
 
       if (modo === "Mesa" && table) {
-        fetchByMesa(table);
+        fetchByMesa(parseInt(table));
+        params.delete("table");
+        router.push(`${pathname}?${params.toString()}`);
       }
 
       router.refresh();
+
       setBitacoraMesa(null);
       setBitacoraCuenta(null);
+      setErrorMesa('Alumno sin mesa');
+
     } catch (error) {
       Swal.fire({
         title: "Error al cancelar tiempo",
@@ -202,9 +214,10 @@ export default function CheckBoxMesa({ numAcount, table }: props) {
           )}
         </>
       }
+
       {modo === "Mesa" &&
         <>
-          <SearchMesa />
+          <SearchMesa value={table ?? null} />
           <h2 style={{ marginTop: "10px" }}>{errorMesa}</h2>
 
           {bitacoraMesa && tiempoRestante !== "agotado" && (

app/Components/SearchMesa.tsx

@@ -1,15 +1,28 @@
 "use client";
 
 import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 
+interface urlProp {
+  value: string | null;
+}
 
-export default function SearchMesa() {
+export default function SearchMesa(props: urlProp) {
   const [inputValue, setInputValue] = useState("");
   const router = useRouter();
   const pathname = usePathname();
   const searchParams = useSearchParams();
 
+    useEffect(() => {
+      if (props.value) {
+        setInputValue(props.value);
+      }
+  
+      if(props.value===null){
+        setInputValue("")
+      }
+    }, [props.value]);
+
   const buscar = (e: React.FormEvent) => {
     e.preventDefault();
     const params = new URLSearchParams(searchParams.toString());

app/Components/auth/Login/Login.tsx

@@ -1,4 +1,5 @@
 "use client";
+
 import { useState } from "react";
 import { loginUser } from "@/app/lib/login";
 import { useRouter } from "next/navigation";
@@ -47,12 +48,9 @@ export default function Login() {
       const token = data.access_token;
       const payload = JSON.parse(atob(token.split(".")[1]));
       const usuario = payload.usuario;
-      const role = payload.role;
 
       document.cookie = `token=${token}; path=/; SameSite=Strict`;
       document.cookie = `user=${usuario}; path=/; SameSite=Strict`;
-      document.cookie = `role=${role}; path=/; SameSite=Strict`;
-
 
       Swal.fire({
         title: "Inicio de sesión exitoso!",