Reimplementation of goToChannel from PR 850

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 {

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',

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 }}