diff --git a/package-lock.json b/package-lock.json index d460f962..352faa54 100644 --- a/package-lock.json +++ b/package-lock.json @@ -20663,9 +20663,9 @@ } }, "yt-comment-scraper": { - "version": "1.3.6", - "resolved": "https://registry.npmjs.org/yt-comment-scraper/-/yt-comment-scraper-1.3.6.tgz", - "integrity": "sha512-5OwsFUWqZRpEqk9d0bCPHEXN52X9ZeOZZJ8suUWO6/RtCt7fJ+eHOjXPOgjRIZhYPaLS/MNHRDQ+YFdCZut99g==", + "version": "1.3.7", + "resolved": "https://registry.npmjs.org/yt-comment-scraper/-/yt-comment-scraper-1.3.7.tgz", + "integrity": "sha512-llCtL3x1sDv1AW9t3x/Zz/h8+xb85pCFapoo5q2gs13Xs+8s94L1Z3J/i1uCxjWuU7HpggF5yTvSfmru5LvN9w==", "requires": { "axios": "^0.19.2", "html2json": "^1.0.2" diff --git a/package.json b/package.json index dfe4f470..a200a387 100644 --- a/package.json +++ b/package.json @@ -42,7 +42,7 @@ "youtube-chat": "^1.1.0", "youtube-suggest": "^1.1.0", "yt-channel-info": "^1.1.4", - "yt-comment-scraper": "^1.3.6", + "yt-comment-scraper": "^1.3.7", "yt-dash-manifest-generator": "^1.1.0", "yt-trending-scraper": "^1.0.3", "yt-xml2vtt": "^1.1.2", 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 ddb33846..faf51649 100644 --- a/src/renderer/components/watch-video-comments/watch-video-comments.css +++ b/src/renderer/components/watch-video-comments/watch-video-comments.css @@ -61,6 +61,43 @@ margin-top: 0px; } +.commentHeartBadge { + display: inline-block; + position: relative; + width: 25px; + height: 20px; + margin-left: 10px; + margin-bottom: -7px; +} + +.commentHeartBadgeImg { + position: absolute; + left: 0; + width: 15px; + height: 15px; + border-radius: 50%; + -webkit-border-radius: 50%; +} + +.commentHeartBadgeWhite { + position: absolute; + left: 9px; + bottom: 1px; + width: 11px; + height: 11px; + z-index: 1; +} + +.commentHeartBadgeRed { + position: absolute; + color: var(--red-500); + left: 10px; + bottom: 2px; + width: 9px; + height: 9px; + z-index: 2; +} + .commentMoreReplies { font-size: 11px; margin-left: 5px; 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 3364f028..9b3281a9 100644 --- a/src/renderer/components/watch-video-comments/watch-video-comments.js +++ b/src/renderer/components/watch-video-comments/watch-video-comments.js @@ -19,6 +19,10 @@ export default Vue.extend({ id: { type: String, required: true + }, + channelThumbnail: { + type: String, + required: true } }, data: function () { 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 abebf4a2..bb2ff828 100644 --- a/src/renderer/components/watch-video-comments/watch-video-comments.vue +++ b/src/renderer/components/watch-video-comments/watch-video-comments.vue @@ -65,6 +65,23 @@ icon="thumbs-up" /> {{ comment.likes }} + + + + +