mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-02 20:18:08 +00:00
55 lines
1.2 KiB
Vue
55 lines
1.2 KiB
Vue
<template>
|
|
<div
|
|
class="px-2 py-1.5 rounded-sm min-w-[10rem] mb-2"
|
|
:class="{
|
|
'bg-slate-50 dark:bg-slate-600 dark:text-slate-50':
|
|
messageType === MESSAGE_TYPE.INCOMING,
|
|
'bg-woot-600 text-woot-50': messageType === MESSAGE_TYPE.OUTGOING,
|
|
'-mx-2': !parentHasAttachments,
|
|
}"
|
|
@click="scrollToMessage"
|
|
>
|
|
<message-preview
|
|
class="cursor-pointer"
|
|
:message="message"
|
|
:show-message-type="false"
|
|
:default-empty-message="$t('CONVERSATION.REPLY_MESSAGE_NOT_FOUND')"
|
|
/>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import MessagePreview from 'dashboard/components/widgets/conversation/MessagePreview.vue';
|
|
import { MESSAGE_TYPE } from 'shared/constants/messages';
|
|
import { BUS_EVENTS } from 'shared/constants/busEvents';
|
|
|
|
export default {
|
|
name: 'ReplyTo',
|
|
components: {
|
|
MessagePreview,
|
|
},
|
|
props: {
|
|
message: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
messageType: {
|
|
type: Number,
|
|
required: true,
|
|
},
|
|
parentHasAttachments: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
},
|
|
data() {
|
|
return { MESSAGE_TYPE };
|
|
},
|
|
methods: {
|
|
scrollToMessage() {
|
|
bus.$emit(BUS_EVENTS.SCROLL_TO_MESSAGE, { messageId: this.message.id });
|
|
},
|
|
},
|
|
};
|
|
</script>
|