Do not close messageButtonsBar if emojipicker is open

Signed-off-by: marco <marcoambrosini@pm.me>
This commit is contained in:
marco 2022-03-21 14:01:20 +01:00
Родитель 462d0653c9
Коммит 090263a105
2 изменённых файлов: 14 добавлений и 2 удалений
src/components/MessagesList/MessagesGroup/Message

Просмотреть файл

@ -148,9 +148,10 @@ the main body of the message as well as a quote.
<!-- Message actions --> <!-- Message actions -->
<MessageButtonsBar v-if="hasMessageButtonsBar" <MessageButtonsBar v-if="hasMessageButtonsBar"
v-show="showMessageButtonsBar || isActionMenuOpen" v-show="showMessageButtonsBar || isActionMenuOpen || isEmojiPickerOpen"
ref="messageButtonsBar" ref="messageButtonsBar"
:is-action-menu-open.sync="isActionMenuOpen" :is-action-menu-open.sync="isActionMenuOpen"
:is-emoji-picker-open.sync="isEmojiPickerOpen"
:message-api-data="messageApiData" :message-api-data="messageApiData"
:message-object="messageObject" :message-object="messageObject"
v-bind="$props" v-bind="$props"
@ -358,6 +359,7 @@ export default {
// whether the message was seen, only used if this was marked as last read message // whether the message was seen, only used if this was marked as last read message
seen: false, seen: false,
isActionMenuOpen: false, isActionMenuOpen: false,
isEmojiPickerOpen: false,
detailedReactionsRequested: false, detailedReactionsRequested: false,
} }
}, },

Просмотреть файл

@ -114,7 +114,9 @@
</template> </template>
</Button> </Button>
<EmojiPicker :container="`#message_${id}`" <EmojiPicker :container="`#message_${id}`"
@select="handleReactionClick"> @select="handleReactionClick"
@after-show="onEmojiPickerOpen"
@after-hide="onEmojiPickerClose">
<Button type="tertiary"> <Button type="tertiary">
<template #icon> <template #icon>
<Plus :size="20" /> <Plus :size="20" />
@ -432,6 +434,14 @@ export default {
onMenuClose() { onMenuClose() {
this.$emit('update:isActionMenuOpen', false) this.$emit('update:isActionMenuOpen', false)
}, },
onEmojiPickerOpen() {
this.$emit('update:isEmojiPickerOpen', true)
},
onEmojiPickerClose() {
this.$emit('update:isEmojiPickerOpen', false)
},
}, },
} }
</script> </script>