From 9f343bacf7a2f0b787692f571cc8d3e57230354f Mon Sep 17 00:00:00 2001
From: TwiN <twin@linux.com>
Date: Sun, 12 Jun 2022 17:57:05 -0400
Subject: [PATCH] chore(ui): Move prettifyTimeDifference to helper as
 generatePrettyTimeDifference

---
 web/app/src/mixins/helper.js  | 4 ++++
 web/app/src/views/Details.vue | 6 +-----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/app/src/mixins/helper.js b/web/app/src/mixins/helper.js
index 1f74b33c..4c1be935 100644
--- a/web/app/src/mixins/helper.js
+++ b/web/app/src/mixins/helper.js
@@ -17,6 +17,10 @@ export const helper = {
       let seconds = (differenceInMs / 1000).toFixed(0);
 			return seconds + " second" + (seconds !== "1" ? "s" : "") + " ago";
 		},
+    generatePrettyTimeDifference(start, end) {
+      let minutes = Math.ceil((new Date(start) - new Date(end)) / 1000 / 60);
+      return minutes + (minutes === 1 ? ' minute' : ' minutes');
+    },
     prettifyTimestamp(timestamp) {
       let date = new Date(timestamp);
       let YYYY = date.getFullYear();
diff --git a/web/app/src/views/Details.vue b/web/app/src/views/Details.vue
index 0f91dc59..e4081ad9 100644
--- a/web/app/src/views/Details.vue
+++ b/web/app/src/views/Details.vue
@@ -128,7 +128,7 @@ export default {
                     event.fancyText = 'Endpoint became healthy';
                   } else if (event.type === 'UNHEALTHY') {
                     if (nextEvent) {
-                      event.fancyText = 'Endpoint was unhealthy for ' + this.prettifyTimeDifference(nextEvent.timestamp, event.timestamp);
+                      event.fancyText = 'Endpoint was unhealthy for ' + this.generatePrettyTimeDifference(nextEvent.timestamp, event.timestamp);
                     } else {
                       event.fancyText = 'Endpoint became unhealthy';
                     }
@@ -158,10 +158,6 @@ export default {
     generateResponseTimeChartImageURL() {
       return `${this.serverUrl}/api/v1/endpoints/${this.endpointStatus.key}/response-times/24h/chart.svg`;
     },
-    prettifyTimeDifference(start, end) {
-      let minutes = Math.ceil((new Date(start) - new Date(end)) / 1000 / 60);
-      return minutes + (minutes === 1 ? ' minute' : ' minutes');
-    },
     changePage(page) {
       this.currentPage = page;
       this.fetchData();