From 279442a321166d40fee69285636f7b4e8cb33f53 Mon Sep 17 00:00:00 2001
From: laazyCmd <laazy.pr00gramming@protonmail.com>
Date: Sun, 15 May 2022 20:27:10 +0800
Subject: [PATCH] show message if comments are disabled in a video

---
 src/components/WatchVideo.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index b2470d17..5699b7c5 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -121,7 +121,13 @@
         <hr />
 
         <div class="grid xl:grid-cols-5 sm:grid-cols-4 grid-cols-1">
-            <div v-if="comments" ref="comments" class="xl:col-span-4 sm:col-span-3">
+            <div v-if="!comments" class="xl:col-span-4 sm:col-span-3">
+                <p class="text-center mt-8">Comments are 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>
+            </div>
+            <div v-else ref="comments" class="xl:col-span-4 sm:col-span-3">
                 <CommentItem
                     v-for="comment in comments.comments"
                     :key="comment.commentId"