mirror of https://github.com/portainer/portainer
29 lines
761 B
TypeScript
29 lines
761 B
TypeScript
import { CellContext } from '@tanstack/react-table';
|
|
import { Check, X } from 'lucide-react';
|
|
|
|
import { Badge } from '@@/Badge';
|
|
import { Icon } from '@@/Icon';
|
|
|
|
import type { IngressControllerClassMap } from '../../types';
|
|
|
|
import { columnHelper } from './helper';
|
|
|
|
export const availability = columnHelper.accessor('Availability', {
|
|
header: 'Availability',
|
|
cell: Cell,
|
|
id: 'availability',
|
|
invertSorting: true,
|
|
sortingFn: 'basic',
|
|
});
|
|
|
|
function Cell({ getValue }: CellContext<IngressControllerClassMap, boolean>) {
|
|
const availability = getValue();
|
|
|
|
return (
|
|
<Badge type={availability ? 'success' : 'danger'}>
|
|
<Icon icon={availability ? Check : X} className="!mr-1" />
|
|
{availability ? 'Allowed' : 'Disallowed'}
|
|
</Badge>
|
|
);
|
|
}
|