From 0024a33f92fafa5eda9d57cf5aca5745a35734f7 Mon Sep 17 00:00:00 2001
From: Ben Lopata <benlopata@gmail.com>
Date: Fri, 18 Oct 2024 10:28:50 -0500
Subject: [PATCH] Adds markdown wrapper.

---
 www/components/messagebox.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/www/components/messagebox.tsx b/www/components/messagebox.tsx
index 9ab9799..2224b9f 100644
--- a/www/components/messagebox.tsx
+++ b/www/components/messagebox.tsx
@@ -5,6 +5,7 @@ import usericon from '@/public/usericon.svg';
 import Skeleton from 'react-loading-skeleton';
 import { FaLightbulb } from 'react-icons/fa';
 import { API } from '@/utils/api';
+import MarkdownWrapper from './markdownWrapper';
 
 interface MessageBoxProps {
   isUser?: boolean;
@@ -76,11 +77,7 @@ export default function MessageBox({
         />
       )}
       <div className="flex flex-col gap-2 w-full">
-        {loading ? (
-          <Skeleton count={4} />
-        ) : (
-          <div className="message-content">{text}</div>
-        )}
+        {loading ? <Skeleton count={4} /> : <MarkdownWrapper text={text} />}
         {!loading && !isUser && shouldShowButtons && (
           <div className="flex justify-left gap-2 mt-2">
             {/* <button className="p-2 rounded-full bg-gray-200 dark:bg-gray-700">