import { fetchMarketPerformers } from "../api";
import { MarketItemPerformer, MarketItemResponse, MarketPerformersParams } from "../utils/types";
import { QUERY_KEY } from "../utils/queryKeys";
import { UseQueryResult, useQuery } from "@tanstack/react-query";
import { formatPerformer } from "../utils/currencyFormatter";
import { REFETCH_TIME_ONE_MINUTE } from "../utils/timers";

export const useMarketPerformers = ({
  counterCurrency,
  range,
  limit = 5,
  top = 50,
  sort,
  supported,
  refreshRate,
}: MarketPerformersParams): UseQueryResult<MarketItemPerformer[], Error> =>
  useQuery({
    queryKey: [QUERY_KEY.MarketPerformers, counterCurrency, range, sort, limit],
    queryFn: () => fetchMarketPerformers({ counterCurrency, range, limit, top, sort, supported }),
    refetchInterval: REFETCH_TIME_ONE_MINUTE * Number(refreshRate),
    staleTime: REFETCH_TIME_ONE_MINUTE * Number(refreshRate),
    select: data => data.map((currency: MarketItemResponse) => formatPerformer(currency)),
  });