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 };
}