Ensure color set in all calls to components

Netflix · Oct 9, 2024 · 3722179 · 3722179
1 parent f61bbd2
commit 3722179
Show file tree

Hide file tree

Showing 8 changed files with 34 additions and 13 deletions.
diff --git a/src/dispatch/static/dispatch/src/case/CaseSummaryTable.vue b/src/dispatch/static/dispatch/src/case/CaseSummaryTable.vue
@@ -1,7 +1,7 @@
 <template>
   <v-data-table :headers="headers" :items="items" :loading="loading">
-    <template #item.case_priority.name="{ value }">
-      <case-priority :priority="value" />
+    <template #item.case_priority.name="{ item, value }">
+      <case-priority :priority="value" :color="item.case_priority.color" />
     </template>
     <template #item.status="{ item, value }">
       <case-status :status="value" :id="item.id" />

diff --git a/src/dispatch/static/dispatch/src/case/TableExportDialog.vue b/src/dispatch/static/dispatch/src/case/TableExportDialog.vue
@@ -78,10 +78,16 @@
                 :loading="previewRowsLoading"
               >
                 <template #item.case_severity.name="{ item }">
-                  <case-severity :severity="item.case_severity.name" />
+                  <case-severity
+                    :severity="item.case_severity.name"
+                    :color="item.case_severity.color"
+                  />
                 </template>
                 <template #item.case_priority.name="{ item }">
-                  <case-priority :priority="item.case_priority.name" />
+                  <case-priority
+                    :priority="item.case_priority.name"
+                    :color="item.case_priority.color"
+                  />
                 </template>
                 <template #item.status="{ item }">
                   <case-status :status="item.status" :id="item.id" />

diff --git a/src/dispatch/static/dispatch/src/incident/IncidentSummaryTable.vue b/src/dispatch/static/dispatch/src/incident/IncidentSummaryTable.vue
@@ -1,7 +1,7 @@
 <template>
   <v-data-table hover :headers="headers" :items="items" :loading="loading">
-    <template #item.incident_priority.name="{ value }">
-      <incident-priority :priority="value" />
+    <template #item.incident_priority.name="{ item, value }">
+      <incident-priority :priority="value" :color="item.incident_priority.color" />
     </template>
     <template #item.status="{ item, value }">
       <incident-status :status="value" :id="item.id" />

diff --git a/src/dispatch/static/dispatch/src/incident/ReportReceiptResources.vue b/src/dispatch/static/dispatch/src/incident/ReportReceiptResources.vue
@@ -22,7 +22,10 @@
             <v-list-item>
               <v-list-item-title>Priority</v-list-item-title>
               <v-list-item-subtitle class="text-right">
-                <incident-priority :priority="incident_priority.name" />
+                <incident-priority
+                  :priority="incident_priority.name"
+                  :color="incident_priority.color"
+                />
               </v-list-item-subtitle>
             </v-list-item>
             <v-list-item>

diff --git a/src/dispatch/static/dispatch/src/incident/TableExportDialog.vue b/src/dispatch/static/dispatch/src/incident/TableExportDialog.vue
@@ -79,10 +79,16 @@
                 :loading="previewRowsLoading"
               >
                 <template #item.incident_severity.name="{ item }">
-                  <incident-severity :severity="item.incident_severity.name" />
+                  <incident-severity
+                    :severity="item.incident_severity.name"
+                    :color="item.incident_severity.color"
+                  />
                 </template>
                 <template #item.incident_priority.name="{ item }">
-                  <incident-priority :priority="item.incident_priority.name" />
+                  <incident-priority
+                    :priority="item.incident_priority.name"
+                    :color="item.incident_priority.color"
+                  />
                 </template>
                 <template #item.status="{ item }">
                   <incident-status :status="item.status" :id="item.id" />

diff --git a/src/dispatch/static/dispatch/src/search/SearchFilterCreateDialog.vue b/src/dispatch/static/dispatch/src/search/SearchFilterCreateDialog.vue
@@ -146,7 +146,10 @@
                   :loading="previewRowsLoading"
                 >
                   <template #item.incident_priority.name="{ item }">
-                    <incident-priority :priority="item.incident_priority.name" />
+                    <incident-priority
+                      :priority="item.incident_priority.name"
+                      :color="item.incident_priority.color"
+                    />
                   </template>
                   <template #item.status="{ item }">
                     <incident-status :status="item.status" :id="item.id" />

diff --git a/src/dispatch/static/dispatch/src/task/TableExportDialog.vue b/src/dispatch/static/dispatch/src/task/TableExportDialog.vue
@@ -81,7 +81,10 @@
                   <incident-status :status="item.incident.status" :id="item.id" />
                 </template>
                 <template #item.incident_priority.name="{ item }">
-                  <incident-priority :priority="item.incident.incident_priority.name" />
+                  <incident-priority
+                    :priority="item.incident.incident_priority.name"
+                    :color="item.incident_priority.color"
+                  />
                 </template>
                 <template #item.creator.individual_contact.name="{ item }">
                   <participant :participant="item.creator" />

diff --git a/src/dispatch/static/dispatch/src/task/TaskSummaryTable.vue b/src/dispatch/static/dispatch/src/task/TaskSummaryTable.vue
@@ -11,8 +11,8 @@
         {{ value }}
       </v-chip>
     </template>
-    <template #item.incident_priority.name="{ value }">
-      <incident-priority :priority="value" />
+    <template #item.incident_priority.name="{ item, value }">
+      <incident-priority :priority="value" :color="item.incident_priority.color" />
     </template>
     <template #item.creator="{ value }">
       <participant :participant="value" />