fix: Update options interactive messages formatting in web widget (#7437)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
Jatin
2023-08-05 09:22:32 +09:30
committed by GitHub
parent 47b6967dad
commit 453d7ad9fc

View File

@@ -1,11 +1,11 @@
<template> <template>
<div <div class="options-message chat-bubble agent bg-white dark:bg-slate-700">
class="options-message chat-bubble agent"
:class="$dm('bg-white', 'dark:bg-slate-700')"
>
<div class="card-body"> <div class="card-body">
<h4 class="title" :class="$dm('text-black-900', 'dark:text-slate-50')"> <h4 class="title text-black-900 dark:text-slate-50">
{{ title }} <div
v-dompurify-html="formatMessage(title, false)"
class="message-content text-black-900 dark:text-slate-50"
/>
</h4> </h4>
<ul <ul
v-if="!hideFields" v-if="!hideFields"
@@ -26,13 +26,13 @@
<script> <script>
import ChatOption from 'shared/components/ChatOption'; import ChatOption from 'shared/components/ChatOption';
import darkModeMixin from 'widget/mixins/darkModeMixin.js'; import messageFormatterMixin from 'shared/mixins/messageFormatterMixin';
export default { export default {
components: { components: {
ChatOption, ChatOption,
}, },
mixins: [darkModeMixin], mixins: [messageFormatterMixin],
props: { props: {
title: { title: {
type: String, type: String,