invoice list

src/pages/order/List.tsx

@@ -6,6 +6,7 @@ import { useGetOrders } from './hooks/useOrderData'
 import moment from 'moment-jalaali'
 import { Link } from 'react-router-dom'
 import { Paths } from '@/config/Paths'
+import type { OrderListItemType } from './types/Types'
 
 const OrdersList: FC = () => {
 
@@ -41,7 +42,7 @@ const OrdersList: FC = () => {
             </div>
 
             <div className='mt-8'>
-                <Table
+                <Table<OrderListItemType>
                     columns={[
                         {
                             key: 'orderNumber',
@@ -58,6 +59,13 @@ const OrdersList: FC = () => {
                                 )
                             }
                         },
+                        {
+                            key: 'product',
+                            title: 'نام محصول',
+                            render: (item) => (
+                                <div>{item.product?.title ?? '—'}</div>
+                            ),
+                        },
                         {
                             key: 'createdAt',
                             title: 'تاریخ ایجاد ',
@@ -70,13 +78,7 @@ const OrdersList: FC = () => {
                         {
                             key: 'type',
                             title: 'تعداد اقلام',
-                            render: (item) => {
+                            render: () => <div>۱</div>,
-                                return (
-                                    <div>
-                                        {item.items.length}
-                                    </div>
-                                )
-                            }
                         },
                         {
                             key: 'designer',

src/pages/order/service/OrderService.ts

@@ -5,7 +5,7 @@ import type {
   CreateFinalOrderType,
   OrderDetailResponseType,
   OrderItemResponseType,
-  OrderResponseType,
+  OrderListResponseType,
   TicketsResponseType,
 } from "../types/Types";
 import type {
@@ -14,19 +14,19 @@ import type {
 } from "@/pages/product/types/Types";
 
 export const getOrders = async () => {
-  const { data } = await axios.get<OrderResponseType>(`/admin/orders`);
+  const { data } = await axios.get<OrderListResponseType>(`/admin/orders`);
   return data;
 };
 
 export const getOrdersInvoiced = async (page: number = 1) => {
-  const { data } = await axios.get<OrderResponseType>(
+  const { data } = await axios.get<OrderListResponseType>(
     `/admin/orders/invoiced?page=${page}`,
   );
   return data;
 };
 
 export const getRequests = async () => {
-  const { data } = await axios.get<OrderResponseType>(`/admin/orders/request`);
+  const { data } = await axios.get<OrderListResponseType>(`/admin/orders/request`);
   return data;
 };
 

src/pages/order/types/Types.ts

@@ -74,6 +74,26 @@ export interface OrderItemAttribute {
 
 export type OrderResponseType = BaseResponse<OrderType[]>;
 
+export interface OrderListItemType extends RowDataType {
+  id: string;
+  createdAt: string;
+  deletedAt: string | null;
+  invoiceItem: string;
+  product: Product | null;
+  print: string | null;
+  title: string;
+  type: string;
+  user: UserType;
+  designer: string | null;
+  creator: string;
+  orderNumber: number;
+  status: string;
+  estimatedDays: number;
+  attachments: string[];
+}
+
+export type OrderListResponseType = BaseResponse<OrderListItemType[]>;
+
 export type UserType = {
   addresse?: string;
   createdAt: string;