From 743b4ccf23f59190b84a75e30234fbe778730651 Mon Sep 17 00:00:00 2001
From: Smriti Doneria <smritidoneria@gmail.com>
Date: Fri, 26 Jul 2024 02:02:05 +0530
Subject: [PATCH 1/2] fix mardown

---
 packages/react/src/views/ChatHeader/ChatHeader.js |  3 ++-
 packages/react/src/views/ChatInput/ChatInput.js   |  3 ++-
 .../react/src/views/Message/MessageToolbox.js     |  4 +++-
 .../react/src/views/QuoteMessage/QuoteMessage.js  | 15 +++++++++------
 4 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/packages/react/src/views/ChatHeader/ChatHeader.js b/packages/react/src/views/ChatHeader/ChatHeader.js
index 0e46b9ccd..3a837b6da 100644
--- a/packages/react/src/views/ChatHeader/ChatHeader.js
+++ b/packages/react/src/views/ChatHeader/ChatHeader.js
@@ -28,6 +28,7 @@ import useSettingsStore from '../../store/settingsStore';
 import getChatHeaderStyles from './ChatHeader.styles';
 import useSetExclusiveState from '../../hooks/useSetExclusiveState';
 import SurfaceMenu from '../SurfaceMenu/SurfaceMenu';
+import { Markdown } from '../Markdown';
 
 const ChatHeader = ({
   isClosable,
@@ -385,7 +386,7 @@ const ChatHeader = ({
       </Box>
       {isThreadOpen && (
         <DynamicHeader
-          title={threadTitle}
+          title={<Markdown body={threadMessage} isReaction={false} />}
           handleClose={closeThread}
           iconName="arrow-back"
         />
diff --git a/packages/react/src/views/ChatInput/ChatInput.js b/packages/react/src/views/ChatInput/ChatInput.js
index 99c1c8b4f..d00b9c6a3 100644
--- a/packages/react/src/views/ChatInput/ChatInput.js
+++ b/packages/react/src/views/ChatInput/ChatInput.js
@@ -34,6 +34,7 @@ import { getChatInputStyles } from './ChatInput.styles';
 import useShowCommands from '../../hooks/useShowCommands';
 import useSearchMentionUser from '../../hooks/useSearchMentionUser';
 import formatSelection from '../../lib/formatSelection';
+import { Markdown } from '../Markdown';
 
 const ChatInput = ({ scrollToBottom }) => {
   const { styleOverrides, classNames } = useComponentOverrides('ChatInput');
@@ -155,7 +156,7 @@ const ChatInput = ({ scrollToBottom }) => {
       messageRef.current.value =
         editMessage.attachments[0]?.description || editMessage.msg;
     } else if (editMessage.msg) {
-      messageRef.current.value = editMessage.msg;
+      messageRef.current.value = <Markdown body={editMessage} />;
     } else {
       messageRef.current.value = '';
     }
diff --git a/packages/react/src/views/Message/MessageToolbox.js b/packages/react/src/views/Message/MessageToolbox.js
index 248dd3558..0d9db4091 100644
--- a/packages/react/src/views/Message/MessageToolbox.js
+++ b/packages/react/src/views/Message/MessageToolbox.js
@@ -13,6 +13,8 @@ import { EmojiPicker } from '../EmojiPicker';
 import { parseEmoji } from '../../lib/emoji';
 import { getMessageToolboxStyles } from './Message.styles';
 import SurfaceMenu from '../SurfaceMenu/SurfaceMenu';
+import { Markdown } from '../Markdown';
+import { useMessageToolboxStyles } from './Message.styles';
 
 export const MessageToolbox = ({
   className = '',
@@ -240,7 +242,7 @@ export const MessageToolbox = ({
               padding: '0 0.5rem 0.5rem',
             }}
           >
-            {parseEmoji(message.msg)}
+            <Markdown body={message} isReaction={false} />
           </Modal.Content>
           <Modal.Footer>
             <Button type="secondary" onClick={handleOnClose}>
diff --git a/packages/react/src/views/QuoteMessage/QuoteMessage.js b/packages/react/src/views/QuoteMessage/QuoteMessage.js
index fab425eba..348b46517 100644
--- a/packages/react/src/views/QuoteMessage/QuoteMessage.js
+++ b/packages/react/src/views/QuoteMessage/QuoteMessage.js
@@ -10,7 +10,8 @@ import {
 } from '@embeddedchat/ui-elements';
 import RCContext from '../../context/RCInstance';
 import { useMessageStore } from '../../store';
-import getQuoteMessageStyles from './QuoteMessage.styles';
+import useQuoteMessageStyles from './QuoteMessage.styles';
+import { Markdown } from '../Markdown';
 
 const QuoteMessage = ({ className = '', style = {}, message }) => {
   const { RCInstance } = useContext(RCContext);
@@ -45,11 +46,13 @@ const QuoteMessage = ({ className = '', style = {}, message }) => {
         <Box>{format(new Date(message.ts), 'h:mm a')}</Box>
       </Box>
       <Box css={styles.message}>
-        {message.msg
-          ? message.msg
-          : `${message.file?.name} (${
-              message.file?.size ? (message.file.size / 1024).toFixed(2) : 0
-            } kB)`}
+        {message.msg ? (
+          <Markdown body={message} isReaction={false} />
+        ) : (
+          `${message.file?.name} (${
+            message.file?.size ? (message.file.size / 1024).toFixed(2) : 0
+          } kB)`
+        )}
       </Box>
     </Box>
   );

From 31cb12d07ebb523870b7dcfbd1934f5070665347 Mon Sep 17 00:00:00 2001
From: Smriti Doneria <smritidoneria@gmail.com>
Date: Tue, 22 Oct 2024 19:41:50 +0530
Subject: [PATCH 2/2] fix conflicts

---
 packages/react/src/views/ChatHeader/ChatHeader.js     | 4 ++--
 packages/react/src/views/QuoteMessage/QuoteMessage.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react/src/views/ChatHeader/ChatHeader.js b/packages/react/src/views/ChatHeader/ChatHeader.js
index 3a837b6da..34e5ec2f7 100644
--- a/packages/react/src/views/ChatHeader/ChatHeader.js
+++ b/packages/react/src/views/ChatHeader/ChatHeader.js
@@ -385,8 +385,8 @@ const ChatHeader = ({
         </Box>
       </Box>
       {isThreadOpen && (
-        <DynamicHeader
-          title={<Markdown body={threadMessage} isReaction={false} />}
+        <DynamicHeader Markdown
+          title={threadTitle}
           handleClose={closeThread}
           iconName="arrow-back"
         />
diff --git a/packages/react/src/views/QuoteMessage/QuoteMessage.js b/packages/react/src/views/QuoteMessage/QuoteMessage.js
index 348b46517..ad57cfbc3 100644
--- a/packages/react/src/views/QuoteMessage/QuoteMessage.js
+++ b/packages/react/src/views/QuoteMessage/QuoteMessage.js
@@ -10,7 +10,7 @@ import {
 } from '@embeddedchat/ui-elements';
 import RCContext from '../../context/RCInstance';
 import { useMessageStore } from '../../store';
-import useQuoteMessageStyles from './QuoteMessage.styles';
+import getQuoteMessageStyles from './QuoteMessage.styles';
 import { Markdown } from '../Markdown';
 
 const QuoteMessage = ({ className = '', style = {}, message }) => {