diff --git a/GUI/front-end/src/components/displays/chat/ChatDisplay.tsx b/GUI/front-end/src/components/displays/chat/ChatDisplay.tsx index 9ababf5..3129242 100644 --- a/GUI/front-end/src/components/displays/chat/ChatDisplay.tsx +++ b/GUI/front-end/src/components/displays/chat/ChatDisplay.tsx @@ -38,9 +38,11 @@ export const ChatDisplay: React.FC = () => { const responseResult = await sendRequest.mutateAsync(content); setIsInputDisabled(false); + const formatedResponse = responseResult.replace(/(?:\r\n|\r|\n)/g, '
'); + setChatInstances((prevInstances) => [ ...prevInstances, - } author={applicationContext.name} content={responseResult} />, + } author={applicationContext.name} content={formatedResponse} />, ]); // Temporary mock up response