// import { useFreshItem } from "@hrbolek/uoisfrontend-shared/src"
import { useParams } from "react-router-dom"
import { UserLargeCard, UserRolesEditCard } from "../../Components"
import { useFreshItem, CreateAsyncQueryValidator, useDispatch } from "@hrbolek/uoisfrontend-shared/src"
import { UserAsyncActions } from "../../Queries/_users"

const validator = CreateAsyncQueryValidator({error: "Nepovedlo se načíst uživatele", success: "Načtení uživatele se povedlo"})
export const UserRolesEditPage = ()  => {
    const {id} = useParams()
    const [onResolve, onReject] = validator(useDispatch())
    const [user, userPromise] = useFreshItem({id}, UserAsyncActions.read)
    userPromise.then(onResolve, onReject)
        
    if (user) {   
        return (
            <UserLargeCard user={user} >
                <UserRolesEditCard user={user} />
            </UserLargeCard>
        )
    } else {
        return (
            <div>Loading...</div>
        )
    }
    
}