Files
hossein-por-shop/frontend/composables/api/tickets/useGetAllTickets.ts
T
2025-03-15 01:46:57 +03:30

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;