Add On Sport
Gestión deportiva
Inscripciones

import { useState, useEffect } from 'react'
import { EventCard, EventFilter } from '@/addon-sport/services/events'

export default function EventManager() {
const [events, setEvents] = useState([])
const [loading, setLoading] = useState(true)

async function fetchEvents() {
setLoading(true)
const response = await fetch('/api/events')
const data = await response.json()
setEvents(data)
setLoading(false)
}

useEffect(() => {
fetchEvents()
}, [])

return (
<div>
<h1>Gestión de Eventos</h1>
<EventFilter />
{loading ? <Loader /> : <EventList events={events} />'}
</div>
)
}