From 804ba0cdb6b353e0c959c68f44c6a1316c0d6b10 Mon Sep 17 00:00:00 2001
From: FloatingGhost <hannah@coffee-and-dreams.uk>
Date: Wed, 3 Aug 2022 14:28:06 +0100
Subject: [PATCH] only include direction on timestamps when required

---
 src/components/notification/notification.vue |  1 +
 src/components/status/status.vue             |  1 +
 src/components/timeago/timeago.vue           | 20 +++++++++++++-------
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index cc12bace..72e31a0c 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -151,6 +151,7 @@
             >
               <Timeago
                 :time="notification.created_at"
+                :with-direction="true"
                 :auto-update="240"
               />
             </router-link>
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 6c80e293..aef375fa 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -187,6 +187,7 @@
                 >
                   <Timeago
                     :time="status.created_at"
+                    :with-direction="true"
                     :auto-update="60"
                   />
                 </router-link>
diff --git a/src/components/timeago/timeago.vue b/src/components/timeago/timeago.vue
index d03d9596..6c623951 100644
--- a/src/components/timeago/timeago.vue
+++ b/src/components/timeago/timeago.vue
@@ -4,12 +4,18 @@
     :title="localeDateString"
     :class="{ warning: relativeTime.direction === 'time.in_future' }"
   >
-    {{
-      relativeTime.direction === '' ?
-        $tc(relativeTime.key, relativeTime.num, [relativeTime.num]) :
-        $t(relativeTime.direction, [$tc(relativeTime.key, relativeTime.num, [relativeTime.num])])
-    }}
-  </time>
+    <template
+      v-if="withDirection"
+    >
+      {{
+        relativeTime.direction === '' ?
+          $tc(relativeTime.key, relativeTime.num, [relativeTime.num]) :
+          $t(relativeTime.direction, [$tc(relativeTime.key, relativeTime.num, [relativeTime.num])])
+      }}
+    </template>
+    <template v-else>
+      {{ $tc(relativeTime.key, relativeTime.num, [relativeTime.num]) }}
+    </template></time>
 </template>
 
 <script>
@@ -18,7 +24,7 @@ import localeService from 'src/services/locale/locale.service.js'
 
 export default {
   name: 'Timeago',
-  props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold'],
+  props: ['time', 'autoUpdate', 'longFormat', 'nowThreshold', 'withDirection'],
   data () {
     return {
       relativeTime: { key: 'time.now', num: 0 },