42 lines
1.0 KiB
TypeScript
42 lines
1.0 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) * 7 - 7,
|
|
limit: 7,
|
|
},
|
|
});
|
|
return data;
|
|
};
|
|
|
|
return useQuery({
|
|
queryKey: [QUERY_KEYS.tickets, params],
|
|
queryFn: () => handleGetAllTickets(params.value),
|
|
});
|
|
};
|
|
|
|
export default useGetAllTickets;
|