portainer/app/react/kubernetes/services/ServicesView/ServicesDatatable/columns/name.tsx

48 lines
1.1 KiB
TypeScript

import { Authorized } from '@/react/hooks/useUser';
import { SystemBadge } from '@@/Badge/SystemBadge';
import { ExternalBadge } from '@@/Badge/ExternalBadge';
import { columnHelper } from './helper';
export const name = columnHelper.accessor(
(row) => {
let name = row.Name;
const isExternal =
!row.Labels || !row.Labels['io.portainer.kubernetes.application.owner'];
if (isExternal && !row.IsSystem) {
name = `${name} external`;
}
if (row.IsSystem) {
name = `${name} system`;
}
return name;
},
{
header: 'Name',
id: 'name',
cell: ({ row }) => {
const name = row.original.Name;
const isExternal =
!row.original.Labels ||
!row.original.Labels['io.portainer.kubernetes.application.owner'];
return (
<div className="flex gap-2">
<Authorized authorizations="K8sServiceW" childrenUnauthorized={name}>
{name}
{row.original.IsSystem && <SystemBadge />}
{isExternal && !row.original.IsSystem && <ExternalBadge />}
</Authorized>
</div>
);
},
}
);