portainer/app/react/kubernetes/namespaces/ItemView/columns.tsx

56 lines
1.5 KiB
TypeScript

import { createColumnHelper } from '@tanstack/react-table';
import { humanize, truncate } from '@/portainer/filters/filters';
import { Link } from '@@/Link';
import { ExternalBadge } from '@@/Badge/ExternalBadge';
import { isExternalApplication } from '../../applications/utils';
import { cpuHumanValue } from '../../applications/utils/cpuHumanValue';
import { NamespaceApp } from './types';
const columnHelper = createColumnHelper<NamespaceApp>();
export const columns = [
columnHelper.accessor('Name', {
header: 'Name',
cell: ({ row: { original: item } }) => (
<>
<Link
to="kubernetes.applications.application"
params={{ name: item.Name, namespace: item.ResourcePool }}
>
{item.Name}
</Link>
{isExternalApplication({ metadata: item.Metadata }) && (
<div className="ml-2">
<ExternalBadge />
</div>
)}
</>
),
}),
columnHelper.accessor('StackName', {
header: 'Stack',
cell: ({ getValue }) => getValue() || '-',
}),
columnHelper.accessor('Image', {
header: 'Image',
cell: ({ row: { original: item } }) => (
<>
{truncate(item.Image, 64)}
{item.Containers?.length > 1 && <>+ {item.Containers.length - 1}</>}
</>
),
}),
columnHelper.accessor('CPU', {
header: 'CPU',
cell: ({ getValue }) => cpuHumanValue(getValue()),
}),
columnHelper.accessor('Memory', {
header: 'Memory',
cell: ({ getValue }) => humanize(getValue()),
}),
];