diff --git a/src/renderer/components/+events/events.tsx b/src/renderer/components/+events/events.tsx index 081b768548..adf7b2d105 100644 --- a/src/renderer/components/+events/events.tsx +++ b/src/renderer/components/+events/events.tsx @@ -46,6 +46,7 @@ enum columnId { count = "count", source = "source", age = "age", + lastSeen = "last-seen", } interface Props extends Partial { @@ -61,6 +62,7 @@ const defaultProps: Partial = { @observer export class Events extends React.Component { static defaultProps = defaultProps as object; + now = Date.now(); @observable sorting: TableSortParams = { sortBy: columnId.age, @@ -73,6 +75,7 @@ export class Events extends React.Component { [columnId.object]: (event: KubeEvent) => event.involvedObject.name, [columnId.count]: (event: KubeEvent) => event.count, [columnId.age]: (event: KubeEvent) => event.getTimeDiffFromNow(), + [columnId.lastSeen]: (event: KubeEvent) => this.now - new Date(event.lastTimestamp).getTime(), }; private tableConfiguration: TableProps = { @@ -168,7 +171,8 @@ export class Events extends React.Component { { title: "Involved Object", className: "object", sortBy: columnId.object, id: columnId.object }, { title: "Source", className: "source", id: columnId.source }, { title: "Count", className: "count", sortBy: columnId.count, id: columnId.count }, - { title: "Last Seen", className: "age", sortBy: columnId.age, id: columnId.age }, + { title: "Age", className: "age", sortBy: columnId.age, id: columnId.age }, + { title: "Last Seen", className: "last-seen", sortBy: columnId.lastSeen, id: columnId.lastSeen }, ]} renderTableContents={(event: KubeEvent) => { const { involvedObject, type, message } = event; @@ -195,6 +199,7 @@ export class Events extends React.Component { event.getSource(), event.count, event.getAge(), + event.getLastSeenTime(), ]; }} />