feat: add created & updated at columns to sessions/events list

Author: mihow

ami/main/api/serializers.py

@@ -323,6 +323,8 @@ class Meta:
             "taxa_count",
             "captures",
             "example_captures",
+            "created_at",
+            "updated_at",
         ]
 
     def get_captures(self, obj):
@@ -1317,6 +1319,8 @@ class Meta:
             "first_capture",
             "summary_data",
             "capture_page_offset",
+            "created_at",
+            "updated_at",
         ]
 
     def get_captures(self, obj):

ui/src/data-services/models/session.ts

@@ -1,6 +1,7 @@
 import { getCompactDatespanString } from 'utils/date/getCompactDatespanString/getCompactDatespanString'
 import { getCompactTimespanString } from 'utils/date/getCompactTimespanString/getCompactTimespanString'
 import { getFormatedDateString } from 'utils/date/getFormatedDateString/getFormatedDateString'
+import { getFormatedDateTimeString } from 'utils/date/getFormatedDateTimeString/getFormatedDateTimeString'
 import { getFormatedTimeString } from 'utils/date/getFormatedTimeString/getFormatedTimeString'
 
 export type ServerEvent = any // TODO: Update this type
@@ -99,4 +100,16 @@ export class Session {
       date2: new Date(this._event.end),
     })
   }
+
+  get createdAt(): string {
+    return getFormatedDateTimeString({
+      date: new Date(this._event.created_at),
+    })
+  }
+
+  get updatedAt(): string {
+    return getFormatedDateTimeString({
+      date: new Date(this._event.updated_at),
+    })
+  }
 }

ui/src/pages/sessions/session-columns.tsx

@@ -134,4 +134,16 @@ export const columns: (projectId: string) => TableColumn<Session>[] = (
       </Link>
     ),
   },
+  {
+    id: 'created-at',
+    name: translate(STRING.FIELD_LABEL_CREATED_AT),
+    sortField: 'created_at',
+    renderCell: (item: Session) => <BasicTableCell value={item.createdAt} />,
+  },
+  {
+    id: 'updated-at',
+    name: translate(STRING.FIELD_LABEL_UPDATED_AT),
+    sortField: 'updated_at',
+    renderCell: (item: Session) => <BasicTableCell value={item.updatedAt} />,
+  },
 ]