From 7b92d59dfff8b6827e63e3db08d395630856b6f5 Mon Sep 17 00:00:00 2001
From: Jonas Plum <cugu@users.noreply.github.com>
Date: Fri, 29 Nov 2024 23:11:11 +0100
Subject: [PATCH] fix: relative day display (#1116)

---
 ui/src/components/dashboard/OpenTickets.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/dashboard/OpenTickets.vue b/ui/src/components/dashboard/OpenTickets.vue
index 06e14e9..c6a3972 100644
--- a/ui/src/components/dashboard/OpenTickets.vue
+++ b/ui/src/components/dashboard/OpenTickets.vue
@@ -30,8 +30,14 @@ const {
   }
 })
 
-const age = (ticket: Ticket) =>
-  intervalToDuration({ start: new Date(ticket.created), end: new Date() }).days
+const age = (ticket: Ticket) => {
+  const days = intervalToDuration({ start: new Date(ticket.created), end: new Date() }).days
+
+  if (days === 0) return 'today'
+  if (days === 1) return 'yesterday'
+
+  return `${days} days`
+}
 </script>
 
 <template>
@@ -45,7 +51,7 @@ const age = (ticket: Ticket) =>
         <Separator orientation="vertical" class="hidden h-4 sm:block" />
         <span class="text-sm text-muted-foreground">{{ ticket.expand.type.singular }}</span>
         <Separator orientation="vertical" class="hidden h-4 sm:block" />
-        <span class="text-sm text-muted-foreground">Open since {{ age(ticket) }} days</span>
+        <span class="text-sm text-muted-foreground">Open since {{ age(ticket) }}</span>
         <RouterLink
           :to="{
             name: 'tickets',