app/react/portainer/environments/environment-groups/ListView/EnvironmentGroupsDatatable/columns.tsx
import { CellContext, createColumnHelper } from '@tanstack/react-table';
import { Users } from 'lucide-react';
import { buildNameColumn } from '@@/datatables/buildNameColumn';
import { Button } from '@@/buttons';
import { Link } from '@@/Link';
import { EnvironmentGroup } from '../../types';
const columnHelper = createColumnHelper<EnvironmentGroup>();
export const columns = [
buildNameColumn<EnvironmentGroup>('Name', '.group', 'environment-group-name'),
columnHelper.display({
header: 'Actions',
cell: ActionsCell,
}),
];
function ActionsCell({
row: { original: item },
}: CellContext<EnvironmentGroup, unknown>) {
return (
<Button
as={Link}
props={{
to: '.group.access',
params: { id: item.Id },
'data-cy': `manage-access-link_${item.Name}`,
}}
color="link"
icon={Users}
data-cy={`manage-access-button_${item.Name}`}
>
Manage access
</Button>
);
}