fix: add status colour on customer portal (#1388)

frappe · Jul 30, 2023 · 9ff80ef · 9ff80ef
1 parent 32b0133
commit 9ff80ef
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/desk/src/pages/portal/TicketList.vue b/desk/src/pages/portal/TicketList.vue
@@ -61,7 +61,11 @@
           </div>
         </template>
         <template #status="{ data }">
-          {{ transformStatus(data.status) }}
+          <Badge
+            :label="transformStatus(data.status)"
+            :theme="statusColormap[data.status]"
+            variant="subtle"
+          />
         </template>
         <template #creation="{ data }">
           {{ dayjs(data.creation).fromNow() }}
@@ -118,6 +122,13 @@ const tickets = createListManager({
   auto: true,
 });
 
+const statusColormap = {
+  Open: "red",
+  Replied: "orange",
+  Resolved: "green",
+  Closed: "blue",
+};
+
 const ACTIVE_TICKET_TYPES = ["Open", "Replied"];
 const dropdownTitle = ref("All tickets");
 const dropdownOptions = [