import { getGeneral, getDevices, getQuestions } from "@api/statistic";
import { useEffect, useState } from "react";
import moment from "moment";

interface Props {
    quizId: string;
    to: number;
    from: number;
}

export function useAnalytics({
    quizId,
    to,
    from,
}: Props) {
    const formatTo = to === null ? 0 : moment(to).unix()
    const formatFrom = from === null ? 0 : moment(from).unix()
    console.log(
        to,
        from,)
    if (quizId === undefined) return {}
    const [devices, setDevices] = useState({});
    const [general, setGeneral] = useState({});
    const [questions, setQuestions] = useState({});

    useEffect(() => {
        (async () => {
            const gottenGeneral = await getGeneral(quizId, formatTo, formatFrom)
            const gottenDevices = await getDevices(quizId, formatTo, formatFrom)
            const gottenQuestions = await getQuestions(quizId, formatTo, formatFrom)
            setDevices(gottenGeneral[0])
            setGeneral(gottenDevices[0])
            setQuestions(gottenQuestions[0])
        })()
    }, [to, from]);

    return { devices, general, questions };
}