diff --git a/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue b/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue index 38c075cb6..19380021b 100644 --- a/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue +++ b/app/javascript/dashboard/modules/conversations/components/MessageContextMenu.vue @@ -4,6 +4,7 @@ import { mapGetters } from 'vuex'; import { useMessageFormatter } from 'shared/composables/useMessageFormatter'; import ContextMenu from 'dashboard/components/ui/ContextMenu.vue'; import AddCannedModal from 'dashboard/routes/dashboard/settings/canned/AddCanned.vue'; +import { useSnakeCase } from 'dashboard/composables/useTransformKeys'; import { copyTextToClipboard } from 'shared/helpers/clipboard'; import { conversationUrl, frontendURL } from '../../../helper/URLHelper'; import { @@ -38,6 +39,10 @@ export default { type: Object, default: () => ({}), }, + hideButton: { + type: Boolean, + default: false, + }, }, emits: ['open', 'close', 'replyTo'], setup() { @@ -62,7 +67,7 @@ export default { return this.getPlainText(this.messageContent); }, conversationId() { - return this.message.conversation_id; + return this.message.conversation_id ?? this.message.conversationId; }, messageId() { return this.message.id; @@ -71,7 +76,9 @@ export default { return this.message.content; }, contentAttributes() { - return this.message.content_attributes; + return useSnakeCase( + this.message.content_attributes ?? this.message.contentAttributes + ); }, }, methods: { @@ -183,6 +190,7 @@ export default { :reject-text="$t('CONVERSATION.CONTEXT_MENU.DELETE_CONFIRMATION.CANCEL')" />