libredesk/frontend/src/features/admin/business-hours/dataTableColumns.js

import { h } from 'vue'
import dropdown from './dataTableDropdown.vue'
import { format } from 'date-fns'

export const createColumns = (t) => [
    {
        accessorKey: 'name',
        header: function () {
            return h('div', { class: 'text-center' }, t('globals.terms.name'))
        },
        cell: function ({ row }) {
            return h('div', { class: 'text-center' }, row.getValue('name'))
        }
    },
    {
        accessorKey: 'created_at',
        header: function () {
            return h('div', { class: 'text-center' }, t('globals.terms.createdAt'))
        },
        cell: function ({ row }) {
            return h('div', { class: 'text-center' }, format(row.getValue('created_at'), 'PPpp'))
        }
    },
    {
        accessorKey: 'updated_at',
        header: function () {
            return h('div', { class: 'text-center' }, t('globals.terms.updatedAt'))
        },
        cell: function ({ row }) {
            return h('div', { class: 'text-center' }, format(row.getValue('updated_at'), 'PPpp'))
        }
    },
    {
        id: 'actions',
        enableHiding: false,
        cell: ({ row }) => {
            const role = row.original
            return h(
                'div',
                { class: 'relative' },
                h(dropdown, {
                    role
                })
            )
        }
    }
]