From 3e9d647a304b014931d4bb07db13577e373042fa Mon Sep 17 00:00:00 2001
From: Bnyro <yannick.fehler@web.de>
Date: Wed, 20 Jul 2022 19:12:21 +0200
Subject: [PATCH] fix comments text

---
 src/components/WatchVideo.vue | 14 ++++++++++----
 src/locales/en.json           |  5 ++++-
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index a31dc295..fed78457 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -158,11 +158,14 @@
         <hr />
 
         <div class="grid xl:grid-cols-5 sm:grid-cols-4 grid-cols-1">
-            <div v-if="!comments" class="xl:col-span-4 sm:col-span-3">
-                <p class="text-center mt-8">Comments are loading...</p>
+            <div v-if="!commentsEnabled" class="xl:col-span-4 sm:col-span-3">
+                <p class="text-center mt-8" v-t="'comment.user_disabled'"></p>
+            </div>
+            <div v-else-if="!comments" class="xl:col-span-4 sm:col-span-3">
+                <p class="text-center mt-8" v-t="'comment.loading'"></p>
             </div>
             <div v-else-if="comments.disabled" class="xl:col-span-4 sm:col-span-3">
-                <p class="text-center mt-8">Comments are turned off.</p>
+                <p class="text-center mt-8" v-t="'comment.disabled'"></p>
             </div>
             <div v-else ref="comments" class="xl:col-span-4 sm:col-span-3">
                 <CommentItem
@@ -266,6 +269,9 @@ export default {
                 year: "numeric",
             });
         },
+        commentsEnabled() {
+            return this.getPreferenceBoolean("comments", true);
+        },
     },
     mounted() {
         // check screen size
@@ -313,7 +319,7 @@ export default {
         this.index = Number(this.$route.query.index);
         this.getPlaylistData();
         this.getSponsors();
-        if (!this.isEmbed && this.getPreferenceBoolean("comments", true)) this.getComments();
+        if (!this.isEmbed && this.commentsEnabled) this.getComments();
         window.addEventListener("resize", () => {
             this.smallView = this.smallViewQuery.matches;
         });
diff --git a/src/locales/en.json b/src/locales/en.json
index 1909e9d4..00a7e4cf 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -86,7 +86,10 @@
         "minimize_recommendations_default": "Minimize Recommendations by default"
     },
     "comment": {
-        "pinned_by": "Pinned by"
+        "pinned_by": "Pinned by",
+        "disabled": "Comments are disabled by the uploader.",
+        "loading": "Comments are loading ...",
+        "user_disabled": "Comments are disabled in the settings."
     },
     "preferences": {
         "instance_name": "Instance Name",