Make emoji reactions use Still-Image functionality #326
2 changed files with 6 additions and 3 deletions
|
@ -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: () => ({
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue