add current date and tyrannuss

app/Components/BitacoraSanciones/ApplySanction.tsx

@@ -17,6 +17,7 @@ export default function ApplySanction({ idCuenta }: { idCuenta: number }) {
   const [alumnoSanciones, setAlumnoSanciones] = useState<AlumnoSancion[]>([]);
   const [selectedSancion, setSelectedSancion] = useState("");
   const [loading, setLoading] = useState(false);
+  const [loadingTable, setLoadingTable] = useState(false);
 
   const fetchAlumnoSanciones = async () => {
     try {
@@ -27,6 +28,8 @@ export default function ApplySanction({ idCuenta }: { idCuenta: number }) {
       setAlumno(res.data.student ?? null);
       setAlumnoSanciones(res.data.alusancion ?? []);
     } catch {
+    }finally{
+      setLoadingTable(true)
     }
   };
 
@@ -73,7 +76,7 @@ export default function ApplySanction({ idCuenta }: { idCuenta: number }) {
     <>
       <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
 
-      {alumnoSanciones.length === 0 && (
+      {loadingTable && alumnoSanciones.length === 0 && (
         <>
           <form className="containerForm">
             <div className="groupInput">

app/Components/QuitarSancion/QuitarSancion.tsx

@@ -33,7 +33,7 @@ function QuitarSancion({ id_cuenta }: { id_cuenta: number }) {
     e.preventDefault();
 
     await axios.delete(`${envConfig.apiUrl}/alumno-sancion/${id_cuenta}`)
-    fetchAlumnoSanciones();
+    setAlumnoSanciones([])
   }
 
   return (

app/Components/SearchDate/SearchDate.tsx

@@ -2,7 +2,8 @@
 import { useState } from "react";
 
 function SearchDate() {
-  const [date, setDate] = useState("");
+  const todayISO = new Date().toLocaleDateString("en-CA");
+  const [date, setDate] = useState(todayISO);
 
   return (
     <>
@@ -25,5 +26,5 @@ function SearchDate() {
 }
 
 export default SearchDate;
-
+//IO
 //By Tyrannuss

app/creadores/page.tsx

@@ -4,11 +4,12 @@ import CreatorCard from "./CreatorCard";
 export default function Page() {
     return (
         <div className="mainContainer">
-            <div className="container" style={{ display: "flex", justifyContent: "center", gap: "4rem" }}>
+            <div className="container" style={{ display: "flex",flexDirection:"row", justifyContent: "center", gap: "4rem" }}>
                 <div className="img"></div>
 
                 <CreatorCard title="IO" img="/IO.png" width={150} height={200} />
                 <CreatorCard title="CarloSpak" img="/SPAK.png" width={160} height={100} />
+                <CreatorCard title="Tyrannuss" img="/Tyrannuss.png" width={150} height={150} />
 
             </div>
         </div>