From e1ab5e450da9b52cb85ec9c38c698490e793190f Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Fri, 13 Oct 2023 09:44:02 +0200
Subject: [PATCH] feat: show if creator replied in comments

---
 src/components/CommentItem.vue | 9 ++++++---
 src/components/WatchVideo.vue  | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/CommentItem.vue b/src/components/CommentItem.vue
index 3eb69524..ff06ac6b 100644
--- a/src/components/CommentItem.vue
+++ b/src/components/CommentItem.vue
@@ -30,10 +30,11 @@
             </div>
             <!-- eslint-disable-next-line vue/no-v-html -->
             <CollapsableText :text="comment.commentText" :visible-limit="500" />
-            <div class="comment-footer mt-1 flex items-center">
+            <div class="comment-footer my-1 flex items-center gap-3">
                 <div class="i-fa6-solid:thumbs-up" />
-                <span class="ml-1" v-text="numberFormat(comment.likeCount)" />
-                <font-awesome-icon v-if="comment.hearted" class="ml-1" icon="heart" />
+                <span v-text="numberFormat(comment.likeCount)" />
+                <font-awesome-icon v-if="comment.hearted" icon="heart" />
+                <img v-if="comment.creatorReplied" :src="uploaderAvatarUrl" class="w-5 h-5 rounded-full" />
             </div>
             <template v-if="comment.repliesPage && (!loadingReplies || !showingReplies)">
                 <div class="cursor-pointer" @click="loadReplies">
@@ -73,6 +74,7 @@ export default {
             },
         },
         uploader: { type: String, default: null },
+        uploaderAvatarUrl: { type: String, default: null },
         videoId: { type: String, default: null },
     },
     data() {
@@ -85,6 +87,7 @@ export default {
     },
     methods: {
         async loadReplies() {
+            console.log(this.uploaderAvatarUrl);
             if (!this.showingReplies && this.loadingReplies) {
                 this.showingReplies = true;
                 return;
diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 25a4a0b0..3ab1b804 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -234,6 +234,7 @@
                     :key="comment.commentId"
                     :comment="comment"
                     :uploader="video.uploader"
+                    :uploader-avatar-url="video.uploaderAvatar"
                     :video-id="getVideoId()"
                 />
             </div>