hossein-por-shop/frontend/composables/api/orders/useGetAllOrders.ts

// imports

import { useQuery } from "@tanstack/vue-query";
import { API_ENDPOINTS, QUERY_KEYS } from "~/constants";

// types

export type GetAllOrdersResponse = ApiPaginated<Order>;

export type GetAllOrdersRequest = {
    sort: string | undefined;
    status: string | undefined;
    page: string | string[];
};

const useGetAllOrders = (params: ComputedRef<GetAllOrdersRequest>) => {

    // state

    const { $axios: axios } = useNuxtApp();

    // methods

    const handleGetAllOrders = async (params: GetAllOrdersRequest) => {
        const { data } = await axios.get<GetAllOrdersResponse>(
            API_ENDPOINTS.orders.get_all,
            {
                params: {
                    sort: params.sort,
                    filter: params.status,
                    offset: Number(params.page) * 7 - 7,
                    limit: 7,
                },
            }
        );
        return data;
    };

    return useQuery({
        queryKey: [QUERY_KEYS.orders, params],
        queryFn: () => handleGetAllOrders(params.value),
    });
};

export default useGetAllOrders;