order list

2025-10-20 15:47:36 +03:30
parent 4b9e797665
commit b50e3b70f1
1 changed files with 95 additions and 0 deletions
@@ -1,9 +1,104 @@
+import Filters from '@/components/Filters'
 import { type FC } from 'react'
+import Table from '@/components/Table'
+import { Edit2, Eye, Receipt21, Setting2 } from 'iconsax-react'

 const OrdersList: FC = () => {
    return (
        <div className='mt-5'>
            <h1 className='text-lg font-light'>سفارش ها</h1>
+
+            <div className='mt-8'>
+                <Filters
+                    fields={[
+                        {
+                            name: 'search',
+                            type: 'input',
+                            placeholder: 'جستجو',
+                        },
+                        {
+                            name: 'status',
+                            type: 'select',
+                            placeholder: 'وضعیت',
+                            options: [
+                                { label: 'درحال انتظار', value: 'pending' },
+                            ],
+                        },
+                        {
+                            name: 'date',
+                            type: 'date',
+                            placeholder: 'تاریخ',
+                        },
+                    ]}
+                    onChange={() => { }} />
+            </div>
+
+            <div className='mt-8'>
+                <Table
+                    columns={[
+                        {
+                            key: 'id',
+                            title: 'شماره',
+                        },
+                        {
+                            key: 'title',
+                            title: 'عنوان',
+                        },
+                        {
+                            key: 'customer',
+                            title: 'مشتری',
+                        },
+                        {
+                            key: 'date',
+                            title: 'تاریخ ایجاد ',
+                        },
+                        {
+                            key: 'type',
+                            title: 'نوع',
+                        },
+                        {
+                            key: 'designer',
+                            title: 'مجری / طراح',
+                        },
+                        {
+                            key: 'status',
+                            title: 'وضعیت',
+                            render: (item) => {
+                                return (
+                                    <div className='h-6 w-fit flex items-center bg-[#FFEDCA] text-[#FF7B00]  rounded-full px-2.5 text-xs'>
+                                        {item.status}
+                                    </div>
+                                )
+                            }
+                        },
+                        {
+                            key: 'actions',
+                            title: '',
+                            render: () => {
+                                return (
+                                    <div className='flex gap-2 items-center'>
+                                        <Eye size={20} color='#8C90A3' />
+                                        <Edit2 size={20} color='#0037FF' />
+                                        <Receipt21 size={20} color='#FF8000' />
+                                        <Setting2 size={20} color='#00B89F' />
+                                    </div>
+                                )
+                            }
+                        },
+                    ]}
+                    data={[
+                        {
+                            id: 1,
+                            title: 'سفارش 1',
+                            customer: 'مشتری 1',
+                            date: '2025/01/01',
+                            type: 'نوع 1',
+                            designer: 'مجری 1',
+                            status: 'درحال انتظار',
+                        }
+                    ]}
+                />
+            </div>
        </div>
    )
 }