Preserve formatting in user messages

airtai · Jul 10, 2024 · 269fd2b · 269fd2b
1 parent 8ea1e29
commit 269fd2b
Showing 1 changed file with 14 additions and 1 deletion.
diff --git 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>
             )}