DefaultPreviewColumnRenderer.tsx23 lines · main

1	import { Column, RenderCellProps } from 'react-data-grid'
2	import { TimestampInfo } from 'ui-patterns/TimestampInfo'
3
4	import type { LogData } from '../Logs.types'
5	import { RowLayout, TextFormatter } from '../LogsFormatters'
6
7	export const defaultRenderCell = (props: RenderCellProps<LogData, unknown>) => (
8	<RowLayout>
9	<TimestampInfo utcTimestamp={props.row.timestamp!} />
10	<TextFormatter className="w-full" value={props.row.event_message} />
11	</RowLayout>
12	)
13
14	const columns: Column<LogData>[] = [
15	{
16	name: 'default-preview-first-column',
17	key: 'default-preview-first-column',
18	renderHeaderCell: () => null,
19	renderCell: defaultRenderCell,
20	},
21	]
22
23	export default columns