Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-07-24 07:49:41 +02:00
Code Issues Releases Activity

refactor(docker/events): migrate list view to react [EE-2228] (#11581)

Browse source
This commit is contained in:
Chaim Lev-Ari 2024-08-28 13:41:15 -06:00 • committed by GitHub
parent 9797201c2a
commit 33ce841040
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 71 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/react/docker/events/EventsDatatables.tsx
View file

@ -1,5 +1,6 @@
import { createColumnHelper } from '@tanstack/react-table';
import { Clock } from 'lucide-react';
import { EventMessage } from 'docker-types/generated/1.41';
import { isoDateFromTimestamp } from '@/portainer/filters/filters';
@ -7,26 +8,22 @@ import { Datatable } from '@@/datatables';
import { createPersistedStore } from '@@/datatables/types';
import { useTableState } from '@@/datatables/useTableState';
type DockerEvent = {
Time: number;
Type: string;
Details: string;
};
import { createEventDetails } from './model';
const columnHelper = createColumnHelper<DockerEvent>();
const columnHelper = createColumnHelper<EventMessage>();
export const columns = [
columnHelper.accessor('Time', {
columnHelper.accessor('time', {
header: 'Date',
cell: ({ getValue }) => {
const value = getValue();
return isoDateFromTimestamp(value);
},
}),
columnHelper.accessor('Type', {
columnHelper.accessor((c) => c.Type, {
header: 'Type',
}),
columnHelper.accessor('Details', {
columnHelper.accessor((c) => createEventDetails(c), {
header: 'Details',
}),
];
@ -37,12 +34,17 @@ const settingsStore = createPersistedStore(tableKey, {
desc: true,
});
export function EventsDatatable({ dataset }: { dataset: Array<DockerEvent> }) {
export function EventsDatatable({
dataset,
}: {
dataset?: Array<EventMessage>;
}) {
const tableState = useTableState(settingsStore, tableKey);
return (
<Datatable
dataset={dataset ?? []}
isLoading={!dataset}
columns={columns}
settingsManager={tableState}
title="Events"