From 9d6f6e78e778eb4e54b6a17347f9d4017d980080 Mon Sep 17 00:00:00 2001
From: Luca <hohmann.luca@tutanota.com>
Date: Thu, 18 Mar 2021 17:47:28 +0100
Subject: [PATCH] Reimplementation of goToChannel from PR 850

---
 .../watch-video-comments/watch-video-comments.css          | 2 ++
 .../watch-video-comments/watch-video-comments.js           | 7 +++++++
 .../watch-video-comments/watch-video-comments.vue          | 5 ++++-
 3 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.css b/src/renderer/components/watch-video-comments/watch-video-comments.css
index 3e1fe750..f19ca320 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.css
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.css
@@ -34,6 +34,7 @@
   height: 60px;
   border-radius: 200px 200px 200px 200px;
   -webkit-border-radius: 200px 200px 200px 200px;
+  cursor: pointer;
 }
 
 .commentAuthor {
@@ -41,6 +42,7 @@
   font-size: 14px;
   margin-left: 68px;
   margin-top: 0px;
+  cursor: pointer;
 }
 
 .commentText {
diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.js b/src/renderer/components/watch-video-comments/watch-video-comments.js
index e31ae917..6a8bb9b5 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.js
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.js
@@ -227,6 +227,7 @@ export default Vue.extend({
 
     parseLocalCommentData: function (response, index = null) {
       const commentData = response.comments.map((comment) => {
+        comment.authorLink = comment.authorId
         comment.showReplies = false
         comment.authorThumb = comment.authorThumb[0].url
         comment.replies = []
@@ -273,6 +274,7 @@ export default Vue.extend({
       this.invidiousAPICall(payload).then((response) => {
         const commentData = response.comments.map((comment) => {
           comment.showReplies = false
+          comment.authorLink = comment.authorId
           comment.authorThumb = comment.authorThumbnails[1].url.replace('https://yt3.ggpht.com', `${this.invidiousInstance}/ggpht/`)
           if (this.hideCommentLikes) {
             comment.likes = null
@@ -338,6 +340,7 @@ export default Vue.extend({
       this.$store.dispatch('invidiousAPICall', payload).then((response) => {
         const commentData = response.comments.map((comment) => {
           comment.showReplies = false
+          comment.authorLink = comment.authorId
           comment.authorThumb = comment.authorThumbnails[1].url.replace('https://yt3.ggpht.com', `${this.invidiousInstance}/ggpht/`)
           if (this.hideCommentLikes) {
             comment.likes = null
@@ -372,6 +375,10 @@ export default Vue.extend({
       })
     },
 
+    goToChannel: function (channelId) {
+      this.$router.push({ path: `/channel/${channelId}` })
+    },
+
     ...mapActions([
       'showToast',
       'toLocalePublicationString',
diff --git a/src/renderer/components/watch-video-comments/watch-video-comments.vue b/src/renderer/components/watch-video-comments/watch-video-comments.vue
index 4b32e51c..20b96740 100644
--- a/src/renderer/components/watch-video-comments/watch-video-comments.vue
+++ b/src/renderer/components/watch-video-comments/watch-video-comments.vue
@@ -45,8 +45,11 @@
         <img
           :src="comment.authorThumb"
           class="commentThumbnail"
+          @click="goToChannel(comment.authorLink)"
+        >
+        <p class="commentAuthor"
+           @click="goToChannel(comment.authorLink)"
         >
-        <p class="commentAuthor">
           {{ comment.author }}
           <span class="commentDate">
             {{ comment.time }}