'use client' import { useQuery, useMutation } from '@tanstack/react-query' import { PeopleListResponse } from './types' import { ListArguments } from '@/types/listRequest' const fetchGraphQlPeopleList = async (params: ListArguments): Promise => { console.log('Fetching test data from local API'); const { limit, skip, sort, filters } = params; try { const res = await fetch('/api/people/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 } }; const fetchGraphQlDeletePerson = async (uuid: string, refetchTable: () => void): Promise => { console.log('Fetching test data from local API'); try { const res = await fetch(`/api/people/delete?uuid=${uuid}`, { method: 'GET', cache: 'no-store', credentials: "include" }); 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(); refetchTable(); return data } catch (error) { console.error('Error fetching test data:', error); throw error } }; export function useGraphQlPeopleList(params: ListArguments) { return useQuery({ queryKey: ['graphql-people-list', params], queryFn: () => fetchGraphQlPeopleList(params) }) } export function useDeletePersonMutation() { return useMutation({ mutationFn: ({ uuid, refetchTable }: { uuid: string, refetchTable: () => void }) => fetchGraphQlDeletePerson(uuid, refetchTable), onSuccess: () => { console.log("Person deleted successfully") }, onError: (error) => { console.error("Delete person failed:", error) }, }) }