CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2026-05-31 10:18:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(bot-form): enhance message rendering logic for user and assistant roles

Browse Source
This commit is contained in:
cfngc4594 2026-05-29 13:15:26 +08:00
parent a13e9a92e1
commit 0f85636779
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/features/problems/bot/components/form.tsx
View File

@ -108,6 +108,7 @@ export const BotForm = ({
message.role === "user" || message.role === "assistant"
)
.map((message) => {
const isUserMessage = message.role === "user";
const isEmptyAssistantMessage =
message.role === "assistant" &&
!message.content.trim() &&
@ -116,17 +117,26 @@ export const BotForm = ({
return (
<ChatBubble
key={message.id}
layout="ai"
className="border-b pb-4"
variant={isUserMessage ? "sent" : "received"}
className={isUserMessage ? "self-end" : "max-w-full"}
>
<ChatBubbleMessage
layout="ai"
variant={isUserMessage ? "sent" : "received"}
isLoading={isEmptyAssistantMessage}
className={
isUserMessage
? "max-w-[85%] rounded-2xl px-3 py-2"
: "w-full rounded-none bg-transparent p-0"
}
>
<MdxPreview
source={message.content}
components={{ ...MdxComponents, pre: PreDetail }}
/>
{isUserMessage ? (
message.content
) : (
<MdxPreview
source={message.content}
components={{ ...MdxComponents, pre: PreDetail }}
/>
)}
</ChatBubbleMessage>
</ChatBubble>
);