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) => {
-                                return (
-                                    <div>
-                                        {item.items.length}
-                                    </div>
-                                )
-                            }
+                            render: () => <div>۱</div>,
                         },
                         {
                             key: 'designer',