Use StillImage for emoji group header

Ref: grouped-emoji-picker
remove-mods-files
Tusooa Zhu 3 years ago
parent 031a01be79
commit 5ab51613b7
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224

@ -1,5 +1,6 @@
import { defineAsyncComponent } from 'vue' import { defineAsyncComponent } from 'vue'
import Checkbox from '../checkbox/checkbox.vue' import Checkbox from '../checkbox/checkbox.vue'
import StillImage from '../still-image/still-image.vue'
import lozad from 'lozad' import lozad from 'lozad'
import { library } from '@fortawesome/fontawesome-svg-core' import { library } from '@fortawesome/fontawesome-svg-core'
import { import {
@ -52,7 +53,8 @@ const EmojiPicker = {
}, },
components: { components: {
StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')), StickerPicker: defineAsyncComponent(() => import('../sticker_picker/sticker_picker.vue')),
Checkbox Checkbox,
StillImage
}, },
methods: { methods: {
onStickerUploaded (e) { onStickerUploaded (e) {

@ -16,10 +16,10 @@
v-if="group.image" v-if="group.image"
class="emoji-picker-header-image" class="emoji-picker-header-image"
> >
<img <still-image
:alt="group.text" :alt="group.text"
:src="group.image" :src="group.image"
> />
</span> </span>
<FAIcon <FAIcon
v-else v-else

Loading…
Cancel
Save