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>
    )
 }