Preserve formatting in user chat messages (#339) (#340)

airtai · Jul 12, 2024 · b0d5b29 · b0d5b29
2 parents ce345fb + b378ec7
commit b0d5b29
Showing 1 changed file with 9 additions and 2 deletions.
diff --git a/app/src/client/components/ConversationList.tsx b/app/src/client/components/ConversationList.tsx
@@ -143,12 +143,19 @@ export default function ConversationsList({
                       )}
                     </div>
                   )}
-                  {(idx !== lastConversationIdx ||
-                    (idx === lastConversationIdx && isUserConversation)) && (
+                  {idx !== lastConversationIdx && !isUserConversation && (
                     <div className='chat-conversations text-base flex flex-col gap-2'>
                       <Markdown>{conversation.message}</Markdown>
                     </div>
                   )}
+                  {isUserConversation && (
+                    <div className='chat-conversations text-base flex flex-col gap-2'>
+                      <Markdown>{`<p class="whitespace-pre-wrap break-words">${conversation.message.replaceAll(
+                        '\n',
+                        '<br />'
+                      )}</p>`}</Markdown>
+                    </div>
+                  )}
                   {conversation.agentConversationHistory && (
                     <AgentConversationHistory
                       agentConversationHistory={