import { useInfiniteQuery } from "@tanstack/react-query";

import { apiClient } from "@/lib/api";

export const notificationKeys = {
  all: () => ["notifications"] as const,
  lists: () => [...notificationKeys.all(), "list"] as const,
  infinite: () => [...notificationKeys.lists(), "infinite"] as const,
};

// The inbox reads newest-first and pages with a cursor: each response carries
// the next cursor, or null once the last page is reached
export const useNotificationsInfinite = (limit = 30) => {
  return useInfiniteQuery({
    queryKey: notificationKeys.infinite(),
    queryFn: ({ pageParam }) =>
      apiClient.getNotifications({ cursor: pageParam, limit }),
    getNextPageParam: (lastPage) => lastPage.nextCursor ?? undefined,
    initialPageParam: undefined as number | undefined,
  });
};