44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
import { ColumnDef } from '@tanstack/react-table';
|
|
|
|
const PayoutsTableColumn = (translate: LanguageTranslations): ColumnDef<Payout>[] => {
|
|
const { table } = translate;
|
|
|
|
return [
|
|
{
|
|
accessorKey: 'payout_amount',
|
|
header: () => <div className="pl-4">{table.payout_amount}</div>,
|
|
cell: ({ row }) => (
|
|
<div className="pl-4 capitalize">
|
|
<p>{row.original.amount}</p>
|
|
<p>{new Date(row.original.created_at).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}</p>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
accessorKey: 'status',
|
|
header: () => <div className="text-center">{table.status}</div>,
|
|
cell: ({ row }) => <div className="text-center capitalize">{row.getValue('status')}</div>,
|
|
},
|
|
{
|
|
accessorKey: 'payout_method',
|
|
header: () => <div className="text-center">{table.payout_method}</div>,
|
|
cell: ({ row }) => (
|
|
<div className="text-center capitalize">
|
|
<p>{row.original.payout_method}</p>
|
|
</div>
|
|
),
|
|
},
|
|
{
|
|
id: 'processed',
|
|
header: () => <div className="pr-4 text-end">{table.processed_date}</div>,
|
|
cell: ({ row }) => (
|
|
<div className="pr-4 text-end">
|
|
{new Date(row.original.updated_at).toLocaleDateString('en-US', { year: 'numeric', month: 'short', day: 'numeric' })}
|
|
</div>
|
|
),
|
|
},
|
|
];
|
|
};
|
|
|
|
export default PayoutsTableColumn;
|