TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

feat: show if creator replied in comments

Browse source
This commit is contained in:
Bnyro 2023-10-13 09:44:02 +02:00
parent 3cfae88dbc
commit e1ab5e450d
2 changed files with 7 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/components/CommentItem.vue
View file

@ -30,10 +30,11 @@
</div>
<!-- eslint-disable-next-line vue/no-v-html -->
<CollapsableText :text="comment.commentText" :visible-limit="500" />
<div class="comment-footer mt-1 flex items-center">
<div class="comment-footer my-1 flex items-center gap-3">
<div class="i-fa6-solid:thumbs-up" />
<span class="ml-1" v-text="numberFormat(comment.likeCount)" />
<font-awesome-icon v-if="comment.hearted" class="ml-1" icon="heart" />
<span v-text="numberFormat(comment.likeCount)" />
<font-awesome-icon v-if="comment.hearted" icon="heart" />
<img v-if="comment.creatorReplied" :src="uploaderAvatarUrl" class="w-5 h-5 rounded-full" />
</div>
<template v-if="comment.repliesPage && (!loadingReplies || !showingReplies)">
<div class="cursor-pointer" @click="loadReplies">
@ -73,6 +74,7 @@ export default {
},
},
uploader: { type: String, default: null },
uploaderAvatarUrl: { type: String, default: null },
videoId: { type: String, default: null },
},
data() {
@ -85,6 +87,7 @@ export default {
},
methods: {
async loadReplies() {
console.log(this.uploaderAvatarUrl);
if (!this.showingReplies && this.loadingReplies) {
this.showingReplies = true;
return;

1
src/components/WatchVideo.vue
View file

@ -234,6 +234,7 @@
:key="comment.commentId"
:comment="comment"
:uploader="video.uploader"
:uploader-avatar-url="video.uploaderAvatar"
:video-id="getVideoId()"
/>
</div>