diff --git a/frontend/src/components/input/Reactions.vue b/frontend/src/components/input/Reactions.vue index c6f018a94..95c4224da 100644 --- a/frontend/src/components/input/Reactions.vue +++ b/frontend/src/components/input/Reactions.vue @@ -154,7 +154,7 @@ async function toggleReaction(value: string) { v-if="showEmojiPicker" class="emoji-picker" :style="{left: emojiPickerPosition?.left + 'px'}" - @emojiClick.stop="detail => addReaction(detail.unicode)" + @emojiClick="detail => addReaction(detail.unicode)" ref="emojiPickerRef" /> diff --git a/frontend/src/components/tasks/partials/comments.vue b/frontend/src/components/tasks/partials/comments.vue index 188336f4f..644bf4f14 100644 --- a/frontend/src/components/tasks/partials/comments.vue +++ b/frontend/src/components/tasks/partials/comments.vue @@ -97,6 +97,12 @@ editComment() }" /> +
implem taskId: ITask['id'] = 0 comment = '' author: IUser = UserModel + + reactions = {} created: Date = null updated: Date = null @@ -21,5 +23,11 @@ export default class TaskCommentModel extends AbstractModel implem this.author = new UserModel(this.author) this.created = new Date(this.created) this.updated = new Date(this.updated) + + // We can't convert emojis to camel case, hence we do this manually + this.reactions = {} + Object.keys(data.reactions || {}).forEach(reaction => { + this.reactions[reaction] = data.reactions[reaction].map(u => new UserModel(u)) + }) } }