45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
// imports
|
|
|
|
import { useQuery } from "@tanstack/vue-query";
|
|
import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";
|
|
|
|
// types
|
|
|
|
export type GetAllTicketsResponse = ApiPaginated<Omit<Ticket, "messages">>;
|
|
|
|
export type GetAllTicketsRequest = {
|
|
sort: string | undefined;
|
|
status: string | undefined;
|
|
page: string | string[];
|
|
};
|
|
|
|
const useGetAllTickets = (params: ComputedRef<GetAllTicketsRequest>) => {
|
|
// state
|
|
|
|
const { $axios: axios } = useNuxtApp();
|
|
|
|
// methods
|
|
|
|
const handleGetAllTickets = async (params: GetAllTicketsRequest) => {
|
|
const { data } = await axios.get<GetAllTicketsResponse>(
|
|
API_ENDPOINTS.tickets.get_all,
|
|
{
|
|
params: {
|
|
sort: params.sort,
|
|
filter: params.status,
|
|
offset: Number(params.page) * 10 - 10,
|
|
limit: 10,
|
|
},
|
|
}
|
|
);
|
|
return data;
|
|
};
|
|
|
|
return useQuery({
|
|
queryKey: [QUERY_KEYS.tickets, params],
|
|
queryFn: () => handleGetAllTickets(params.value),
|
|
});
|
|
};
|
|
|
|
export default useGetAllTickets;
|