import { useEffect, useState } from "react";
import { makeRequest } from "../api";
import { Tariff, GetTariffsResponse } from "../model/tariff";


export function useTariffs({ url, tariffsPerPage, apiPage, onNewTariffs, onError }: {
    url: string;
    tariffsPerPage: number;
    apiPage: number;
    onNewTariffs: (response: Tariff[]) => void;
    onError: (error: Error) => void;
}) {
    const [fetchState, setFetchState] = useState<"fetching" | "idle" | "all fetched">("idle");

    useEffect(function fetchTickets() {
        const controller = new AbortController();

        setFetchState("fetching");
        makeRequest<never, GetTariffsResponse>({
            url,
            method: "get",
            useToken: true,
            signal: controller.signal,
        }).then((result) => {
            // devlog("GetTicketsResponse", result);
            if (result.tariffs.length > 0) {
                onNewTariffs(result.tariffs);
                setFetchState("idle");
            } else setFetchState("all fetched");
        }).catch(error => {
            console.log("Error fetching tariffs", error);
            onError(error);
        });

        return () => controller.abort();
    }, [onError, onNewTariffs, apiPage, tariffsPerPage, url]);

    return fetchState;
}