1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / smartweb / priyoholidays.com / src / app / (user) / account / dashboard / packages /
Filename : page.jsx
back
'use client'

import { Button, Space, Table, Tag } from 'antd'

const columns = [
    {
        title: 'Name',
        dataIndex: 'name',
        key: 'name',
        render: text => <a>{text}</a>,
    },
    {
        title: 'Duration',
        dataIndex: 'duration',
        key: 'duration',
    },
    {
        title: 'Destination',
        dataIndex: 'destination',
        key: 'destination',
    },
    {
        title: 'Price',
        dataIndex: 'price',
        key: 'price',
    },
    {
        title: 'Status',
        key: 'statuses',
        dataIndex: 'statuses',
        render: (_, { statuses }) => (
            <>
                {statuses.map(status => {
                    let color = status.length > 7 ? 'geekblue' : 'green'
                    if (status === 'unavailable') {
                        color = 'volcano'
                    }
                    return (
                        <Tag color={color} key={status}>
                            {status.toUpperCase()}
                        </Tag>
                    )
                })}
            </>
        ),
    },
    {
        title: 'Action',
        key: 'action',
        render: (_, record) => (
            <Space size='middle'>
                <a>Edit</a>
                <a>Delete</a>
            </Space>
        ),
    },
]
const data = [
    {
        key: '1',
        name: 'Singapore Trip 360 Package',
        duration: '3 Day 2 Night',
        destination: 'Singapore',
        price: '12000.00',
        statuses: ['available', 'new'],
    },
    {
        key: '2',
        name: 'MESMERIZING SINGAPORE PACKAGE',
        duration: '4 Day 3 Night',
        destination: 'Singapore',
        price: '29500.00',
        statuses: ['unavailable'],
    },
    {
        key: '3',
        name: 'SINGAPORE TOUR PACKAGE',
        duration: '3 Day 2 Night',
        destination: 'Singapore',
        price: '30000.00',
        statuses: ['popular', 'discount'],
    },
]

export default function page() {
    return (
        <>
            <div className='flex justify-between items-center p-4 bg-white rounded shadow mb-4'>
                <span className='font-semibold'>List of packages</span>
                <Button type='primary'>Add New Package</Button>
            </div>
            <div className='overflow-x-auto bg-white rounded shadow'>
                <Table columns={columns} dataSource={data} />
            </div>
        </>
    )
}