diff --git a/app/javascript/dashboard/components/widgets/conversation/Message.vue b/app/javascript/dashboard/components/widgets/conversation/Message.vue index c3c2aef76..d96868616 100644 --- a/app/javascript/dashboard/components/widgets/conversation/Message.vue +++ b/app/javascript/dashboard/components/widgets/conversation/Message.vue @@ -105,7 +105,8 @@ v-if="isBubble && !isMessageDeleted" :is-open="showContextMenu" :show-copy="hasText" - :show-canned-response-option="isOutgoing" + :show-delete="hasTextOrAttachment" + :show-canned-response-option="isOutgoing && hasText" :menu-position="contextMenuPosition" :message-content="data.content" @toggle="handleContextMenuClick" @@ -308,6 +309,9 @@ export default { hasText() { return !!this.data.content; }, + hasTextOrAttachment() { + return this.hasText || this.data.attachments.length > 0; + }, tooltipForSender() { const name = this.senderNameForAvatar; const { message_type: messageType } = this.data; diff --git a/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue b/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue index 7070a53b4..09ad9c547 100644 --- a/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue +++ b/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue @@ -24,18 +24,18 @@ :class="`dropdown-pane--${menuPosition}`" > + + + {{ $t('CONVERSATION.CONTEXT_MENU.DELETE') }} + + - - - {{ $t('CONVERSATION.CONTEXT_MENU.DELETE') }} - - - - +