User message should not render as Markdown

This commit is contained in:
Xiangxuan Liu 2023-03-19 19:37:38 +08:00
parent 240185c11a
commit 0f346a808e
1 changed files with 29 additions and 26 deletions

View File

@ -19,6 +19,11 @@ export const ChatMessage: FC<Props> = ({ message, lightMode }) => {
<div className="mr-1 sm:mr-2 font-bold min-w-[40px]">{message.role === "assistant" ? "AI:" : "You:"}</div>
<div className="prose dark:prose-invert mt-[-2px]">
{message.role === "user" ? (
<div className="prose dark:prose-invert whitespace-pre">
{message.content}
</div>
) : (
<ReactMarkdown
remarkPlugins={[remarkGfm]}
components={{
@ -33,18 +38,16 @@ export const ChatMessage: FC<Props> = ({ message, lightMode }) => {
{...props}
/>
) : (
<code
className={className}
{...props}
>
<code className={className} {...props}>
{children}
</code>
);
}
},
}}
>
{message.content}
</ReactMarkdown>
)}
</div>
</div>
</div>