// import { useFreshItem } from "@hrbolek/uoisfrontend-shared/src"
import { useParams } from "react-router-dom"
import { useFreshItem, CreateAsyncQueryValidator, useDispatch } from "@hrbolek/uoisfrontend-shared/src"
import { EventLargeCard } from "../../Components/Event/EventLargeCard"
import { EventEditCard } from '../../Components/Event/EventEditCard'


const validator = CreateAsyncQueryValidator({error: "Nepovedlo se načíst uživatele", success: "Načtení uživatele se povedlo"})
export const EventEditPage = ()  => {
    const {id} = useParams()
    const [onResolve, onReject] = validator(useDispatch())
    const [event, userPromise] = useFreshItem({id}, EventAsyncActions.read)
    userPromise.then(onResolve, onReject)

    if (event) {
        return (
            // <UserLargeCard user={user} />
            // <div>
            //     Události nahrány
            //     {JSON.stringify(event)}
            // </div>
            <EventLargeCard event={event}>
                <EventEditCard event={event} />
            </EventLargeCard>
        )
    } else {
        return (
            <div>Nahrávám událost...</div>
        )
    }
    
}