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

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

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