From ff32af1e96d1f93e272dfc25dce64f1a5dedacc6 Mon Sep 17 00:00:00 2001
From: FireMasterK <20838718+FireMasterK@users.noreply.github.com>
Date: Thu, 27 May 2021 00:32:12 +0530
Subject: [PATCH] Add verified, hearted, pinned, and likes to comments.

---
 src/components/WatchVideo.vue | 16 ++++++++++++++--
 src/main.js                   |  4 ++--
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/WatchVideo.vue b/src/components/WatchVideo.vue
index 2f3765ad..6f62a17f 100644
--- a/src/components/WatchVideo.vue
+++ b/src/components/WatchVideo.vue
@@ -44,6 +44,10 @@
                     v-for="comment in comments.comments"
                 >
                     <div align="left">
+                        <div v-if="comment.pinned">
+                            <font-awesome-icon icon="thumbtack"></font-awesome-icon>&nbsp; Pinned by
+                            {{ video.uploader }}
+                        </div>
                         <img
                             :src="comment.thumbnail"
                             style="width: calc(100% * 1 / 20)"
@@ -52,11 +56,19 @@
                             loading="lazy"
                             alt="avatar"
                         />
+                        <br />
                         <router-link class="uk-link-muted" v-bind:to="comment.commentorUrl">
-                            <p>{{ comment.author }}</p>
-                        </router-link>
+                            {{ comment.author }} </router-link
+                        >&thinsp;<font-awesome-icon v-if="comment.verified" icon="check"></font-awesome-icon>
                     </div>
                     <p>{{ comment.commentText }}</p>
+                    <div>
+                        <b>{{ comment.likeCount }}</b>
+                        &nbsp;
+                        <font-awesome-icon icon="thumbs-up"></font-awesome-icon>
+                        &nbsp;
+                        <font-awesome-icon v-if="comment.hearted" icon="heart"></font-awesome-icon>
+                    </div>
                     <hr />
                 </div>
             </div>
diff --git a/src/main.js b/src/main.js
index 5ee05fd4..ec88fc6e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,9 +1,9 @@
 import { createApp } from "vue";
 import { library } from "@fortawesome/fontawesome-svg-core";
-import { faThumbsUp, faThumbsDown, faEye } from "@fortawesome/free-solid-svg-icons";
+import { faThumbsUp, faThumbsDown, faEye, faThumbtack, faCheck, faHeart } from "@fortawesome/free-solid-svg-icons";
 import { faGithub, faBitcoin } from "@fortawesome/free-brands-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
-library.add(faThumbsUp, faThumbsDown, faEye, faGithub, faBitcoin);
+library.add(faThumbsUp, faThumbsDown, faEye, faGithub, faBitcoin, faThumbtack, faCheck, faHeart);
 
 import("uikit/dist/css/uikit-core.css");
 import("uikit/dist/js/uikit-core.min");