orders

src/pages/order/List.tsx

@@ -2,8 +2,13 @@ import Filters from '@/components/Filters'
 import { type FC } from 'react'
 import Table from '@/components/Table'
 import { Edit2, Eye, Receipt21, Setting2 } from 'iconsax-react'
+import { useGetOrders } from './hooks/useOrderData'
+import moment from 'moment-jalaali'
 
 const OrdersList: FC = () => {
+
+    const { data } = useGetOrders()
+
     return (
         <div className='mt-5'>
             <h1 className='text-lg font-light'>سفارش ها</h1>
@@ -37,24 +42,39 @@ const OrdersList: FC = () => {
                 <Table
                     columns={[
                         {
-                            key: 'id',
+                            key: 'orderNumber',
                             title: 'شماره',
                         },
-                        {
-                            key: 'title',
-                            title: 'عنوان',
-                        },
                         {
                             key: 'customer',
                             title: 'مشتری',
+                            render: (item) => {
+                                return (
+                                    <div>
+                                        {item.user?.firstName ? item.user?.firstName + ' ' + item.user?.lastName : item.user?.phone}
+                                    </div>
+                                )
+                            }
                         },
                         {
-                            key: 'date',
+                            key: 'createdAt',
                             title: 'تاریخ ایجاد ',
+                            render: (item) => {
+                                return (
+                                    <div>{moment(item.createdAt).format('jYYYY-jMM-jDD')}</div>
+                                )
+                            }
                         },
                         {
                             key: 'type',
-                            title: 'نوع',
+                            title: 'تعداد اقلام',
+                            render: (item) => {
+                                return (
+                                    <div>
+                                        {item.items.length}
+                                    </div>
+                                )
+                            }
                         },
                         {
                             key: 'designer',
@@ -86,17 +106,7 @@ const OrdersList: FC = () => {
                             }
                         },
                     ]}
-                    data={[
-                        {
-                            id: 1,
-                            title: 'سفارش 1',
-                            customer: 'مشتری 1',
-                            date: '2025/01/01',
-                            type: 'نوع 1',
-                            designer: 'مجری 1',
-                            status: 'درحال انتظار',
-                        }
-                    ]}
+                    data={data?.data}
                 />
             </div>
         </div>