'use client'
import { useQuery } from '@tanstack/react-query'
import { UsersListResponse } from './types'
import { ListArguments } from '@/types/listRequest'

const fetchGraphQlUsersList = async (params: ListArguments): Promise<UsersListResponse> => {
    console.log('Fetching test data from local API');
    const { limit, skip, sort, filters } = params;
    try {
        const res = await fetch('/api/users/list', { method: 'POST', cache: 'no-store', credentials: "include", body: JSON.stringify({ limit, skip, sort, filters }) });
        if (!res.ok) { const errorText = await res.text(); console.error('Test data API error:', errorText); throw new Error(`API error: ${res.status} ${res.statusText}`) }
        const data = await res.json();
        return { data: data.data, totalCount: data.totalCount }
    } catch (error) { console.error('Error fetching test data:', error); throw error }
};

export function useGraphQlUsersList(params: ListArguments) {
    return useQuery({ queryKey: ['graphql-users-list', params], queryFn: () => fetchGraphQlUsersList(params) })
}
