mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-11-03 20:48:07 +00:00 
			
		
		
		
	fix: Update options interactive messages formatting in web widget (#7437)
Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
This commit is contained in:
		@@ -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,
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user