test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: show name on reply to message with some style changes

Browse Source
This commit is contained in:
Shariq Ansari 2024-04-23 11:07:33 +05:30
parent 9157272625
commit 1d46260b3b
2 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/Activities.vue
View File

@ -979,6 +979,12 @@ const whatsappMessages = createListResource({
if (repliedMessage) { if (repliedMessage) {
message.reply_message = repliedMessage.message message.reply_message = repliedMessage.message
message.reply_to = repliedMessage.name message.reply_to = repliedMessage.name
message.reply_to_type = repliedMessage.type
message.reply_to_from =
(repliedMessage.from &&
getContact(doc.value.data.mobile_no)?.full_name) ||
getLeadContact(doc.value.data.mobile_no)?.full_name ||
repliedMessage.from
} }
}) })

22
frontend/src/components/WhatsAppArea.vue
View File

@ -16,9 +16,25 @@
<div <div
v-if="whatsapp.is_reply" v-if="whatsapp.is_reply"
@click="() => scrollToMessage(whatsapp.reply_to)" @click="() => scrollToMessage(whatsapp.reply_to)"
class="mb-1 cursor-pointer rounded-md border-0 border-l-4 border-green-500 bg-gray-200 px-2 py-4" class="mb-1 cursor-pointer rounded border-0 border-l-4 bg-gray-200 p-2 text-gray-600"
v-html="formatWhatsAppMessage(whatsapp.reply_message)" :class="
/> whatsapp.reply_to_type == 'Incoming'
? 'border-green-500'
: 'border-blue-400'
"
>
<div
class="mb-1 text-sm font-bold"
:class="
whatsapp.reply_to_type == 'Incoming'
? 'text-green-500'
: 'text-blue-400'
"
>
{{ whatsapp.reply_to_from || __('You') }}
</div>
{{ formatWhatsAppMessage(whatsapp.reply_message) }}
</div>
<div class="inline-flex gap-2"> <div class="inline-flex gap-2">
<div <div
class="absolute -right-0.5 -top-0.5 flex cursor-pointer gap-1 rounded-full bg-white pb-2 pl-2 pr-1.5 pt-1.5 opacity-0 group-hover/message:opacity-100" class="absolute -right-0.5 -top-0.5 flex cursor-pointer gap-1 rounded-full bg-white pb-2 pl-2 pr-1.5 pt-1.5 opacity-0 group-hover/message:opacity-100"