Create component select + fix filter

src/pages/orders/service/OrderService.ts

@@ -5,8 +5,8 @@ export interface GetOrdersParams {
   page?: number;
   limit?: number;
   search?: string;
-  status?: string;
-  deliveryType?: string;
+  statuses?: string[];
+  paymentStatus?: string;
 }
 
 export interface ChangeOrderStatusParams {
@@ -20,9 +20,34 @@ export interface RefundPaymentParams {
 export const getOrders = async (
   params?: GetOrdersParams
 ): Promise<GetOrdersResponse> => {
-  const { data } = await axios.get<GetOrdersResponse>("/admin/orders", {
-    params,
-  });
+  const queryParams = new URLSearchParams();
+  
+  if (params?.page) {
+    queryParams.append('page', params.page.toString());
+  }
+  
+  if (params?.limit) {
+    queryParams.append('limit', params.limit.toString());
+  }
+  
+  if (params?.search) {
+    queryParams.append('search', params.search);
+  }
+  
+  if (params?.statuses && Array.isArray(params.statuses) && params.statuses.length > 0) {
+    params.statuses.forEach((status) => {
+      queryParams.append('statuses', status);
+    });
+  }
+  
+  if (params?.paymentStatus) {
+    queryParams.append('paymentStatus', params.paymentStatus);
+  }
+  
+  const queryString = queryParams.toString();
+  const url = queryString ? `/admin/orders?${queryString}` : '/admin/orders';
+  
+  const { data } = await axios.get<GetOrdersResponse>(url);
   return data;
 };