portainer/app/react/docker/services/ItemView/TasksDatatable/columns/status.tsx

28 lines
639 B
TypeScript

import clsx from 'clsx';
import { taskStatusBadge } from '@/docker/filters/utils';
import { multiple } from '@@/datatables/filter-types';
import { filterHOC } from '@@/datatables/Filter';
import { columnHelper } from './helper';
export const status = columnHelper.accessor((item) => item.Status?.State, {
header: 'Status',
enableColumnFilter: true,
filterFn: multiple,
meta: {
filter: filterHOC('Filter by state'),
width: 100,
},
cell({ getValue }) {
const value = getValue();
return (
<span className={clsx('label', `label-${taskStatusBadge(value)}`)}>
{value}
</span>
);
},
});