DefaultPreviewColumnRenderer.tsx 692 B

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