From 55ddc7926576027b99a355b309bbb4badc989c3e Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Thu, 15 Sep 2022 22:56:11 +0530
Subject: [PATCH] Show the comments column even if no comments are available

Fixes https://git.maharshi.ninja/root/Piped-redesign/issues/19
---
 src/routes/WatchVideo.vue | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/routes/WatchVideo.vue b/src/routes/WatchVideo.vue
index 3fe116b..e7b5343 100644
--- a/src/routes/WatchVideo.vue
+++ b/src/routes/WatchVideo.vue
@@ -124,7 +124,7 @@
         </v-row>
 
         <v-row>
-            <v-col cols="12" md="8" offset-md="1" v-if="this.availableComments !== 0">
+            <v-col cols="12" md="8" offset-md="1" v-if="commentsLoaded">
                 <h5 class="text-h4 text-center my-4">Comments</h5>
                 <VideoComment v-for="comment in comments.comments" :key="comment.commentId" :comment="comment"
                               :video="video" />
@@ -175,6 +175,7 @@ export default {
 			sponsors: null,
 			selectedAutoLoop: false,
 			showDesc: true,
+			commentsLoaded: false,
 			comments: null,
 			channelId: null,
 
@@ -302,6 +303,7 @@ export default {
 			this.comments = await this.$store.dispatch('auth/makeRequest', {
 				path: '/comments/' + this.videoId
 			})
+			this.commentsLoaded = true
 		},
 
 		onCommentsProgressIntersect (entries) {
@@ -399,10 +401,6 @@ export default {
 		videoId () {
 			return this.$route.query.v || this.$route.params.v
 		},
-		availableComments () {
-			const l = this.comments?.comments?.length
-			return Number.isFinite(l) ? l : 0
-		},
 		initialSkip () {
 			// 't' in $route.query ? Number($route.query.t) : (lastWatch.progress ? lastWatch.progress : undefined)
 			// 1st Priority - t in query