From 4133e788dff5fc136950924ce2154e9c464a8045 Mon Sep 17 00:00:00 2001
From: Harish Mohan Raj <harish@airt.ai>
Date: Fri, 12 Jul 2024 10:07:22 +0530
Subject: [PATCH] Preserve formatting in user chat message

---
 app/src/client/components/ConversationList.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/src/client/components/ConversationList.tsx b/app/src/client/components/ConversationList.tsx
index 9d3f176..661adef 100644
--- a/app/src/client/components/ConversationList.tsx
+++ b/app/src/client/components/ConversationList.tsx
@@ -148,11 +148,24 @@ export default function ConversationsList({
                     </div>
                   )}
 
-                  {(idx !== lastConversationIdx || (idx === lastConversationIdx && isUserConversation)) && (
+                  {idx !== lastConversationIdx && !isUserConversation && (
                     <div className='chat-conversations text-base flex flex-col gap-2 ml-4'>
                       <Markdown>{conversation.message === '' ? 'Auto reply' : conversation.message}</Markdown>
                     </div>
                   )}
+
+                  {isUserConversation && (
+                    <div className='chat-conversations text-base flex flex-col gap-2 ml-4 user-message-pre-block'>
+                      <Markdown>
+                        {conversation.message === ''
+                          ? 'Auto reply'
+                          : `<p class="whitespace-pre-wrap break-words">${conversation.message.replaceAll(
+                              '\n',
+                              '<br />'
+                            )}</p>`}
+                      </Markdown>
+                    </div>
+                  )}
                 </div>
               </div>
             )}