list of orders

src/pages/orders/hooks/useGetOrders.ts

@@ -0,0 +1,10 @@
+import { useQuery } from "@tanstack/react-query";
+import * as api from "../service/OrderService";
+import type { GetOrdersParams } from "../service/OrderService";
+
+export const useGetOrders = (params?: GetOrdersParams) => {
+  return useQuery({
+    queryKey: ["orders", params],
+    queryFn: () => api.getOrders(params),
+  });
+};

src/pages/orders/hooks/useOrderFilters.ts

@@ -0,0 +1,50 @@
+import { useState, useMemo } from "react";
+import type { FilterValues } from "@/components/Filters";
+
+const DEFAULT_PAGE = 1;
+const DEFAULT_LIMIT = 10;
+
+export const useOrderFilters = () => {
+  const [filters, setFilters] = useState<FilterValues>({});
+  const [currentPage, setCurrentPage] = useState(DEFAULT_PAGE);
+  const [limit] = useState(DEFAULT_LIMIT);
+
+  const apiParams = useMemo(() => {
+    const params: Record<string, string | number> = {
+      page: currentPage,
+      limit: limit,
+    };
+
+    if (filters.search) {
+      params.search = filters.search as string;
+    }
+
+    if (filters.status) {
+      params.status = filters.status as string;
+    }
+
+    if (filters.deliveryType) {
+      params.deliveryType = filters.deliveryType as string;
+    }
+
+    return params;
+  }, [filters, currentPage, limit]);
+
+  const handleFiltersChange = (newFilters: FilterValues) => {
+    setFilters(newFilters);
+    setCurrentPage(DEFAULT_PAGE);
+  };
+
+  const handlePageChange = (page: number) => {
+    setCurrentPage(page);
+  };
+
+  return {
+    filters,
+    currentPage,
+    apiParams,
+    handleFiltersChange,
+    handlePageChange,
+    limit,
+  };
+};