Make emoji reactions use Still-Image functionality

This commit is contained in:
David 2023-07-20 17:20:54 -07:00
parent 42ffce97d6
commit 32dc55b07c
2 changed files with 6 additions and 3 deletions

View file

@ -1,5 +1,6 @@
import UserAvatar from '../user_avatar/user_avatar.vue'
import UserListPopover from '../user_list_popover/user_list_popover.vue'
import StillImage from '../still-image/still-image.vue'
const EMOJI_REACTION_COUNT_CUTOFF = 12
@ -12,7 +13,8 @@ const EmojiReactions = {
name: 'EmojiReactions',
components: {
UserAvatar,
UserListPopover
UserListPopover,
StillImage
},
props: ['status'],
data: () => ({

View file

@ -14,12 +14,13 @@
<span
v-if="reaction.url !== null"
>
<img
<StillImage
:src="reaction.url"
:title="reaction.name"
:alt="reaction.name"
class="reaction-emoji"
height="2.55em"
>
/>
{{ reaction.count }}
</span>
<span v-else>