import { getVisitorMessages } from "@/service/visitor";
import { TVisitorMessage } from "@/types/visitor";
import { useLoadMore } from "@/utils/loadMore";

export const useVisitorMessages = (visitorId: string|number) => {
  const fetcher = async ([_url, nextId, page, pageSize, _keyword]) => {
    const res = await getVisitorMessages({ startId: nextId, pageSize, visitorId });
    return res.data;
  };

  const { data, loadMore, refetch } = useLoadMore<{
    data?: TVisitorMessage[]
    nextId?: string,
    totalCount?: number
  }>({
    url: `api/v1/my/visitor/messages/${visitorId}`,
    fetcher,
  });

  return {
    data,
    loadMore,
    refetch
  }
}