1#@!#!123s

ALWAYS HENGHENG888 1#@!#!123s
: / var / www / chinawholesale-frontend-next / src / components / admin / pages / admin / order / items / more /
Filename : columns.js
back
'use client'
import React, { useMemo } from 'react'
import dayjs from 'dayjs'
import ExpressButton from '@/components/buttons/ExpressButton'
import TableActionButton from '@/components/admin/table/TableActionButton'


export const useOrderItemTableColumns = (searchParams, handleActionClick) => {


    const trashParams = searchParams.get('trash')


    return useMemo(() => {

        return [
            {
                title: '#ID',
                align: 'center',
                fixed: 'left',
                dataIndex: 'item_number',
                width: 100,
            },
            {
                title: 'Date',
                dataIndex: 'created_at',
                align: 'center',
                fixed: 'left',
                width: 130,
                render: (created_at) => {
                    return created_at
                        ? dayjs(created_at).format('DD MMM YYYY')
                        : ''
                },
            },
            {
                title: 'Product Name',
                dataIndex: 'Title',
                align: 'left',
                width: 250,
            },
            {
                title: 'ProviderType',
                dataIndex: 'ProviderType',
                align: 'center',
                width: 140,
            },
            {
                title: 'Seller',
                dataIndex: 'seller_name',
                align: 'center',
                width: 140,
            },
            {
                title: 'Customer',
                align: 'left',
                dataIndex: 'user',
                width: 120,
                render: (user) => {
                    return user?.name || ''
                },
            },
            {
                title: 'Phone',
                align: 'left',
                dataIndex: 'user',
                width: 120,
                render: (user) => {
                    return user?.phone || ''
                },
            },
            {
                title: 'Price',
                align: 'center',
                dataIndex: 'regular_price',
                width: 120,
            },
            {
                title: 'Source Order Number',
                align: 'center',
                dataIndex: 'source_order_number',
                width: 130,
            },
            {
                title: 'TrackingNo',
                align: 'center',
                dataIndex: 'tracking_number',
                width: 130,
            },
            {
                title: 'Shipped By',
                align: 'center',
                dataIndex: 'shipped_by',
                width: 120,
            },
            {
                title: '1688Link',
                align: 'center',
                dataIndex: 'ItemMainUrl',
                width: 120,
                render: (ItemMainUrl) => {
                    if (!ItemMainUrl) {
                        return <></>
                    }
                    return (
                        <div className={'flex justify-center'}>
                            <a href={ItemMainUrl} rel="noreferrer nofollow" target="_blank" className={'font-semibold'}>
                                Click
                            </a>
                        </div>
                    )
                },
            },
            {
                title: 'Quantity',
                align: 'center',
                dataIndex: 'Quantity',
                width: 90,
            },
            {
                title: 'Product value',
                align: 'center',
                dataIndex: 'product_value',
                width: 130,
            },
            {
                title: 'CH Local Charge',
                align: 'center',
                dataIndex: 'DeliveryCost',
                width: 120,
            },
            {
                title: 'Coupon',
                align: 'center',
                dataIndex: 'coupon_contribution',
                width: 90,
            },
            {
                title: 'Initial Payment',
                align: 'center',
                dataIndex: 'first_payment',
                width: 140,
            },
            {
                title: 'Out Of Stock',
                align: 'center',
                dataIndex: 'out_of_stock',
                width: 120,
            },
            {
                title: 'Missing/Shortage',
                align: 'center',
                dataIndex: 'missing',
                width: 150,
            },
            {
                title: 'Refunded',
                align: 'center',
                dataIndex: 'refunded',
                width: 110,
            },
            {
                title: 'Adjustment',
                align: 'center',
                dataIndex: 'adjustment',
                width: 110,
            },
            {
                title: 'Weight',
                align: 'center',
                dataIndex: 'actual_weight',
                width: 110,
            },
            {
                title: 'Weight Charges',
                align: 'center',
                dataIndex: 'bd_shipping_charge',
                width: 140,
            },
            {
                title: 'Courier Bill',
                align: 'center',
                dataIndex: 'courier_bill',
                width: 110,
            },
            {
                title: 'Last Payment',
                align: 'center',
                dataIndex: 'last_payment',
                width: 140,
            },
            {
                title: 'Due',
                align: 'center',
                dataIndex: 'due_payment',
                width: 110,
            },
            {
                title: 'Ref.Invoice',
                align: 'center',
                dataIndex: 'invoice_no',
                width: 110,
            },
            {
                title: 'Status',
                align: 'left',
                dataIndex: 'status',
                width: 150,
                render: (status) => {
                    return (
                        <p className={'text-xs font-semibold'}>
                            {status}
                        </p>
                    )
                },
            },
            {
                title: 'Action',
                fixed: 'right',
                key: 'action',
                align: 'center',
                width: 80,
                render: (item) => {
                    if (trashParams) {
                        return (
                            <ExpressButton
                                type="red"
                                className={'px-2 py-1.5'}
                                label={'Restore'}
                                onClick={() => handleActionClick('restore', item)
                                }
                            />
                        )
                    }

                    return (
                        <>
                            <TableActionButton
                                items={
                                    [
                                        {
                                            key: '1',
                                            label: 'View Details',
                                            onClick: () => handleActionClick('view', item),
                                        },
                                        {
                                            key: '2',
                                            label: 'View Invoice',
                                            onClick: () => handleActionClick('view_invoice', item),
                                        },
                                        {
                                            key: '3',
                                            label: 'Tracking Info',
                                            onClick: () => handleActionClick('tracking', item),
                                        },
                                        {
                                            key: '4',
                                            label: 'Change Status',
                                            onClick: () => handleActionClick('change-status', item),
                                        },
                                        {
                                            key: '5',
                                            label: 'Master Edit',
                                            onClick: () => handleActionClick('master_edit', item),
                                        },
                                    ]
                                }
                            />
                        </>
                    )
                },
            },
        ]
    }, [trashParams, handleActionClick])
}