From 182597944d775e0e60d1681ecb5d6cc4b6d64cf0 Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Tue, 19 Oct 2021 00:19:26 +0800
Subject: [PATCH] fix #721

---
 src/mixins/socket.js  | 8 ++++----
 src/pages/Details.vue | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/mixins/socket.js b/src/mixins/socket.js
index 321e2d6b3..d7ac8bcb9 100644
--- a/src/mixins/socket.js
+++ b/src/mixins/socket.js
@@ -347,7 +347,7 @@ export default {
             let result = {};
 
             let unknown = {
-                text: "Unknown",
+                text: this.$t("Unknown"),
                 color: "secondary",
             };
 
@@ -358,17 +358,17 @@ export default {
                     result[monitorID] = unknown;
                 } else if (lastHeartBeat.status === 1) {
                     result[monitorID] = {
-                        text: "Up",
+                        text: this.$t("Up"),
                         color: "primary",
                     };
                 } else if (lastHeartBeat.status === 0) {
                     result[monitorID] = {
-                        text: "Down",
+                        text: this.$t("Down"),
                         color: "danger",
                     };
                 } else if (lastHeartBeat.status === 2) {
                     result[monitorID] = {
-                        text: "Pending",
+                        text: this.$t("Pending"),
                         color: "warning",
                     };
                 } else {
diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index d38d8f847..1363aa205 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -41,7 +41,7 @@
                         <span class="word">{{ $t("checkEverySecond", [ monitor.interval ]) }}</span>
                     </div>
                     <div class="col-md-4 text-center">
-                        <span class="badge rounded-pill" :class=" 'bg-' + status.color " style="font-size: 30px;">{{ $t(status.text) }}</span>
+                        <span class="badge rounded-pill" :class=" 'bg-' + status.color " style="font-size: 30px;">{{ status.text }}</span>
                     </div>
                 </div>
             </div>