55 lines
1.4 KiB
TypeScript
55 lines
1.4 KiB
TypeScript
|
|
/**
|
||
|
|
* User CRUD hooks.
|
||
|
|
*/
|
||
|
|
|
||
|
|
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
|
||
|
|
import { apiGet, apiPost, apiPatch, apiDelete } from './client';
|
||
|
|
import { PaginatedResponse } from './types';
|
||
|
|
|
||
|
|
export function useUsers(page = 1, pageSize = 25) {
|
||
|
|
return useQuery({
|
||
|
|
queryKey: ['users', page, pageSize],
|
||
|
|
queryFn: () =>
|
||
|
|
apiGet<PaginatedResponse<any>>(`/users?page=${page}&page_size=${pageSize}`),
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useUser(id?: string) {
|
||
|
|
return useQuery({
|
||
|
|
queryKey: ['users', id],
|
||
|
|
queryFn: () => apiGet<any>(`/users/${id}`),
|
||
|
|
enabled: !!id,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useCreateUser() {
|
||
|
|
const queryClient = useQueryClient();
|
||
|
|
return useMutation({
|
||
|
|
mutationFn: (data: any) => apiPost('/users', data),
|
||
|
|
onSuccess: () => {
|
||
|
|
queryClient.invalidateQueries({ queryKey: ['users'] });
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useUpdateUser() {
|
||
|
|
const queryClient = useQueryClient();
|
||
|
|
return useMutation({
|
||
|
|
mutationFn: ({ id, data }: { id: string; data: any }) =>
|
||
|
|
apiPatch(`/users/${id}`, data),
|
||
|
|
onSuccess: () => {
|
||
|
|
queryClient.invalidateQueries({ queryKey: ['users'] });
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
export function useDeleteUser() {
|
||
|
|
const queryClient = useQueryClient();
|
||
|
|
return useMutation({
|
||
|
|
mutationFn: (id: string) => apiDelete(`/users/${id}`),
|
||
|
|
onSuccess: () => {
|
||
|
|
queryClient.invalidateQueries({ queryKey: ['users'] });
|
||
|
|
},
|
||
|
|
});
|
||
|
|
}
|