src/app/(admins)/administrador/page.tsx

@@ -11,6 +11,9 @@ export default function Page() {
   const { loading, data, error } = useGetApi<GetEventoWithCuestionarios[]>(
     '/evento/activos/cuestionarios'
   );
+  const { data: recientes } = useGetApi<GetEventoWithCuestionarios[]>(
+    '/evento/recientes/cuestionarios'
+  );
 
   if (loading) return <div>Cargando formularios...</div>;
   if (error) return <div className="alert alert-danger">{error.message}</div>;
@@ -33,10 +36,24 @@ export default function Page() {
                 className={`col-md-6 col-lg-4 my-4 fade-in-up-bounce ${fadeClass}`}
                 key={key}
               >
-                <EventoCard
-                  evento={item}
-                  user='administrador'
-                />
+                <EventoCard evento={item} user="administrador" />
+              </div>
+            );
+          })}
+        </div>
+      )}
+      {recientes && (
+        <div className="row">
+          <h2>Eventos Recientes</h2>
+          <p className="text-muted">Eventos de los ultimos 30 días.</p>
+          {recientes.map((item, key) => {
+            const fadeClass = `delay-${(key % 5) + 1}`;
+            return (
+              <div
+                className={`col-md-6 col-lg-4 my-4 fade-in-up-bounce ${fadeClass}`}
+                key={key}
+              >
+                <EventoCard evento={item} user="administrador" />
               </div>
             );
           })}