import {useEffect, useState} from "react";

export default function useDataLoader<T>(loader: () => Promise<T> | undefined, deps: ReadonlyArray<unknown>) {
    const [refreshState, setRefreshState] = useState(1)
    const [loading, setLoading] = useState(true)
    const [data, setData] = useState<T>()
    const [lastUpdateTime, setLastUpdateTime] = useState(new Date())

    useEffect(() => {
        setLoading(true)
        const r = loader();
        if (r) {
            r.then(data => {
                setData(data)
                setLastUpdateTime(new Date())
            }).finally(() => {
                setLoading(false)
            })
        } else {
            setLoading(false)
        }
        // eslint-disable-next-line react-hooks/exhaustive-deps
    }, [refreshState, ...deps])

    return {
        loading,
        data,
        lastUpdateTime,
        refresh: () => {
            setRefreshState(refreshState + 1)
        }
    }
}