1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-22 14:59:41 +02:00

refactor(app): app events datatable [EE-5355] (#10024)

This commit is contained in:
Ali 2023-08-14 05:09:40 +12:00 committed by GitHub
parent 0eaf296e1b
commit c472fe9c18
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
19 changed files with 277 additions and 19 deletions

View file

@ -0,0 +1,11 @@
import { formatDate } from '@/portainer/filters/filters';
import { columnHelper } from './helper';
export const date = columnHelper.accessor(
(event) => formatDate(event.lastTimestamp || event.eventTime),
{
header: 'Date',
id: 'Date',
}
);

View file

@ -0,0 +1,21 @@
import { Badge, BadgeType } from '@@/Badge';
import { columnHelper } from './helper';
export const eventType = columnHelper.accessor('type', {
header: 'Type',
cell: ({ getValue }) => (
<Badge type={getBadgeColor(getValue())}>{getValue()}</Badge>
),
});
function getBadgeColor(status?: string): BadgeType {
switch (status?.toLowerCase()) {
case 'normal':
return 'info';
case 'warning':
return 'warn';
default:
return 'danger';
}
}

View file

@ -0,0 +1,4 @@
import { createColumnHelper } from '@tanstack/react-table';
import { Event } from 'kubernetes-types/core/v1';
export const columnHelper = createColumnHelper<Event>();

View file

@ -0,0 +1,6 @@
import { date } from './date';
import { kind } from './kind';
import { eventType } from './eventType';
import { message } from './message';
export const columns = [date, kind, eventType, message];

View file

@ -0,0 +1,8 @@
import { columnHelper } from './helper';
export const kind = columnHelper.accessor(
(event) => event.involvedObject.kind,
{
header: 'Kind',
}
);

View file

@ -0,0 +1,5 @@
import { columnHelper } from './helper';
export const message = columnHelper.accessor('message', {
header: 'Message',
});