fixed get alumno-sancion

app/Components/BitacoraSanciones/ApplySanction.tsx

@@ -2,7 +2,6 @@
 
 import { useEffect, useState } from "react";
 import { envConfig } from "@/app/lib/config";
-import { useRouter } from "next/navigation";
 import { Alumno, AlumnoSancion, Sancion } from "@/app/types/sanction";
 import TableSanction from "./TableSanction";
 import axios from "axios";
@@ -14,58 +13,67 @@ if (!envConfig.apiUrl) {
 
 export default function ApplySanction({ idCuenta }: { idCuenta: number }) {
   const [sanciones, setSanciones] = useState<Sancion[]>([]);
-  const [alumno, setAlumno] = useState<Alumno>();
+  const [alumno, setAlumno] = useState<Alumno >();
   const [alumnoSanciones, setAlumnoSanciones] = useState<AlumnoSancion[]>([]);
   const [selectedSancion, setSelectedSancion] = useState("");
+  const [loading, setLoading] = useState(false);
 
-  const router = useRouter();
+  const fetchAlumnoSanciones = async () => {
+    try {
+      const res = await axios.get(
+        `${envConfig.apiUrl}/alumno-sancion/${idCuenta}`
+      );
+
+      setAlumno(res.data.student ?? null);
+      setAlumnoSanciones(res.data.alusancion ?? []);
+    } catch {
+    }
+  };
 
   useEffect(() => {
     if (!idCuenta) return;
 
-    axios
-      .get(`${envConfig.apiUrl}/alumno-sancion/${idCuenta}`)
-      .then((res) => {
-        setAlumno(res.data.student);
-        setAlumnoSanciones(
-          res.data.alusancion?.length ? res.data.alusancion : [],
-        );
-      })
-      .catch((err) => {
-        const mensaje =
-          err.response?.data?.message ||
-          "Error al obtener las sanciones del alumno";
-
-      });
+    fetchAlumnoSanciones();
 
     axios
       .get(`${envConfig.apiUrl}/sancion`)
       .then((res) => setSanciones(res.data))
-      .catch((err) =>
-        toast.error("Error al obtener el catálogo de sanciones:", err),
+      .catch(() =>
+        toast.error("Error al obtener el catálogo de sanciones")
       );
   }, [idCuenta]);
 
-  const calcularFechaFin = (fechaInicio: string, duracionSemanas: number) => {
-    const fecha = new Date(fechaInicio);
-    fecha.setDate(fecha.getDate() + duracionSemanas * 7);
-    return fecha.toLocaleDateString();
-  };
-
-  const handleButton = (e: React.MouseEvent<HTMLButtonElement>) => {
+  const handleButton = async (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault();
 
     if (!selectedSancion) {
-      toast.error("selecciona una sancion")
+      toast.error("Selecciona una sanción");
+      return;
     }
-    axios.post(`${envConfig.apiUrl}/alumno-sancion/`, { id_sancion: Number(selectedSancion), id_cuenta: idCuenta })
-    router.refresh();
-  }
+
+    try {
+      setLoading(true);
+
+      await axios.post(`${envConfig.apiUrl}/alumno-sancion/`, {
+        id_sancion: Number(selectedSancion),
+        id_cuenta: idCuenta,
+      });
+
+      await fetchAlumnoSanciones();
+      setSelectedSancion("");
+      toast.success("Sanción aplicada correctamente");
+    } catch {
+      toast.error("Error al aplicar la sanción");
+    } finally {
+      setLoading(false);
+    }
+  };
 
   return (
     <>
       <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
-      {!(alumnoSanciones?.length > 0) &&
+
+      {alumnoSanciones.length === 0 && (
         <>
           <form className="containerForm">
             <div className="groupInput">
@@ -87,11 +95,12 @@ export default function ApplySanction({ idCuenta }: { idCuenta: number }) {
             className="button buttonSearch"
             style={{ margin: "1rem 0" }}
             onClick={handleButton}
+            disabled={loading}
           >
-            Aplicar sanción
+            {loading ? "Aplicando..." : "Aplicar sanción"}
           </button>
         </>
-      }
+      )}
     </>
   );
 }

app/Components/BitacoraSanciones/TableSanction.tsx

@@ -1,7 +1,7 @@
 import { Alumno, AlumnoSancion } from "@/app/types/sanction";
 
 interface Props {
-    alumnoSanciones: AlumnoSancion[],
+    alumnoSanciones?: AlumnoSancion[] | null,
     alumno?: Alumno
 }
 
@@ -26,8 +26,8 @@ export default function TableSanction({ alumnoSanciones, alumno }: Props) {
                     </tr>
                 </thead>
                 <tbody>
-                    {alumnoSanciones.length > 0 ? (
-                        alumnoSanciones.map((item) => (
+                    {!(alumnoSanciones?.length === 0) ? (
+                        alumnoSanciones?.map((item) => (
                             <tr key={item.id_alumno_sancion}>
                                 <td>{alumno?.id_cuenta}</td>
                                 <td>{item.sancion.sancion}</td>