feat(incident): Show the last update time of response costs in the UI (…

…#5408)

* Show the last update time of response costs.

* Remove unused import.

src/dispatch/incident_cost/models.py

@@ -1,3 +1,5 @@
+from datetime import datetime
+
 from sqlalchemy import Column, ForeignKey, Integer, Numeric
 from sqlalchemy.ext.associationproxy import association_proxy
 from sqlalchemy.orm import relationship
@@ -40,6 +42,7 @@ class IncidentCostUpdate(IncidentCostBase):
 class IncidentCostRead(IncidentCostBase):
     id: PrimaryKey
     incident_cost_type: IncidentCostTypeRead
+    updated_at: Optional[datetime] = None
 
 
 class IncidentCostPagination(Pagination):

src/dispatch/static/dispatch/src/incident/CostsTab.vue

@@ -29,6 +29,9 @@
           {{ cost.incident_cost_type.name }}
         </v-list-item-title>
         <v-list-item-subtitle>{{ cost.incident_cost_type.description }}</v-list-item-subtitle>
+        <v-list-item-subtitle>
+          Updated At: {{ formatRelativeDate(cost.updated_at) }}
+        </v-list-item-subtitle>
 
         <template #append>
           {{ toUSD(cost.amount) }}
@@ -46,6 +49,7 @@
 import { mapMutations } from "vuex"
 import { mapMultiRowFields } from "vuex-map-fields"
 import { toUSD } from "@/filters"
+import { formatRelativeDate } from "@/filters"
 
 import IncidentCostInput from "@/incident_cost/IncidentCostInput.vue"
 
@@ -57,7 +61,7 @@ export default {
   },
 
   setup() {
-    return { toUSD }
+    return { toUSD, formatRelativeDate }
   },
 
   computed: {