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 @@ +

-

{{ comment.author }} {{ comment.time }}