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