mirror of
https://github.com/lingble/chatwoot.git
synced 2025-11-04 04:57:51 +00:00
c19d70a6a0
This PR has fixes for the following issues - Inconsistent spacing between meta and text in text bubble - Activity bubble overflows for longer text (for now I have truncated it, I'll work with @absurdiya on a better solution) - Ugly lookinh gradient for expand button on email bubble - Email bubble overflow issues and text rendering issues - Alignment for error message - Minute-wise grouping not working - Link color should not be blue - Use `gray-3` for bubble background instead of `gray-4`
46 lines
1.3 KiB
Vue
46 lines
1.3 KiB
Vue
<script setup>
|
|
import { computed } from 'vue';
|
|
import BaseBubble from 'next/message/bubbles/Base.vue';
|
|
import FormattedContent from './FormattedContent.vue';
|
|
import AttachmentChips from 'next/message/chips/AttachmentChips.vue';
|
|
import { MESSAGE_TYPES } from '../../constants';
|
|
import { useMessageContext } from '../../provider.js';
|
|
|
|
const { content, attachments, contentAttributes, messageType } =
|
|
useMessageContext();
|
|
|
|
const isTemplate = computed(() => {
|
|
return messageType.value === MESSAGE_TYPES.TEMPLATE;
|
|
});
|
|
|
|
const isEmpty = computed(() => {
|
|
return !content.value && !attachments.value.length;
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<BaseBubble class="px-4 py-3" data-bubble-name="text">
|
|
<div class="gap-3 flex flex-col">
|
|
<span v-if="isEmpty" class="text-n-slate-11">
|
|
{{ $t('CONVERSATION.NO_CONTENT') }}
|
|
</span>
|
|
<FormattedContent v-if="content" :content="content" />
|
|
<AttachmentChips :attachments="attachments" class="gap-2" />
|
|
<template v-if="isTemplate">
|
|
<div
|
|
v-if="contentAttributes.submittedEmail"
|
|
class="px-2 py-1 rounded-lg bg-n-alpha-3"
|
|
>
|
|
{{ contentAttributes.submittedEmail }}
|
|
</div>
|
|
</template>
|
|
</div>
|
|
</BaseBubble>
|
|
</template>
|
|
|
|
<style>
|
|
p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
</style>
|