feat: add rehype for better style

QuivrHQ · Nov 1, 2023 · 43a580d · 43a580d
1 parent 17e2a5e
commit 43a580d
Show file tree

Hide file tree

Showing 3 changed files with 234 additions and 2 deletions.
diff --git a/frontend/app/(home)/components/NotificationBanner/NotificationBanner.tsx b/frontend/app/(home)/components/NotificationBanner/NotificationBanner.tsx
@@ -1,6 +1,7 @@
 import { Fragment } from "react";
 import { MdClose } from "react-icons/md";
 import ReactMarkdown from "react-markdown";
+import rehypeRaw from "rehype-raw";
 
 import Button from "@/lib/components/ui/Button";
 
@@ -24,7 +25,9 @@ export const NotificationBanner = (): JSX.Element => {
         ...notificationBanner.style,
       }}
     >
-      <ReactMarkdown>{notificationBanner.text}</ReactMarkdown>
+      <ReactMarkdown rehypePlugins={[rehypeRaw]}>
+        {notificationBanner.text}
+      </ReactMarkdown>
       {Boolean(notificationBanner.dismissible) && (
         <Button
           variant="tertiary"

diff --git a/frontend/package.json b/frontend/package.json
@@ -79,6 +79,7 @@
     "react-markdown": "^8.0.7",
     "react-use": "^17.4.0",
     "rehype-highlight": "^6.0.0",
+    "rehype-raw": "^7.0.0",
     "sharp": "^0.32.4",
     "tailwind-merge": "^1.12.0",
     "tailwindcss": "3.3.2",