update markdown rendering

elpassion · Dec 10, 2024 · aeb8fe6 · aeb8fe6
1 parent 4b672bd
commit aeb8fe6
Showing 1 changed file with 14 additions and 1 deletion.
diff --git a/apps/web-remix/app/components/chat/ChatMarkdown.tsx b/apps/web-remix/app/components/chat/ChatMarkdown.tsx
@@ -43,6 +43,8 @@ export const ChatMarkdown: React.FC<ChatMarkdownProps> = ({
         a: Link,
         img: Image,
         strong: Strong,
+        hr: HR,
+        br: BR,
         ...options?.components,
       }}
       {...rest}
@@ -141,7 +143,7 @@ function Paragraph({
 }: React.ParamHTMLAttributes<HTMLParagraphElement>) {
   return (
     <p
-      className={cn('my-2 break-words whitespace-pre-wrap text-sm', className)}
+      className={cn('my-2 break-words whitespace-normal text-sm', className)}
       {...rest}
     >
       {children}
@@ -283,6 +285,17 @@ function H1({
   );
 }
 
+function HR({
+  className,
+  ...rest
+}: React.ParamHTMLAttributes<HTMLHeadingElement>) {
+  return <hr className={cn('break-words my-2', className)} {...rest} />;
+}
+
+function BR({ className, ...rest }: React.ParamHTMLAttributes<HTMLBRElement>) {
+  return <br className={cn('', className)} {...rest} />;
+}
+
 function Li({
   children,
   className,