tbenandClaude Opus 5.5
51fd4d5538
Two prompts sent close together (as while a bot is still answering) shared one row under their group: every copy button bunched beside the last message's time. Each user message now has its own row, with its copy button, a new Reply button (once it is saved) and its own time. copyableMessages is gone with the shared row. Co-Authored-By: Claude Opus 5.5 <[email protected]>
53 lines
1.9 KiB
TypeScript
53 lines
1.9 KiB
TypeScript
import { memo } from "react";
|
|
import Row from "@moduletrace/twui/layout/Row";
|
|
import Stack from "@moduletrace/twui/layout/Stack";
|
|
import type { BotMessageWithAttachments } from "@/src/types";
|
|
import MessageAttachments from "./message-attachments";
|
|
import MessageReactions from "./message-reactions";
|
|
import MessageReplyQuote from "./message-reply-quote";
|
|
import UserBubble from "./user-bubble";
|
|
import UserMessageCopy from "./user-message-copy";
|
|
import UserMessageReply from "./user-message-reply";
|
|
import GroupTimestamp from "./group-timestamp";
|
|
|
|
type Props = {
|
|
message: BotMessageWithAttachments;
|
|
bot_name: string;
|
|
};
|
|
|
|
/**
|
|
* One user message: the quoted message it answers, its files, then its
|
|
* text (a file-only message has no bubble) and the bot's reactions to it.
|
|
* The user doesn't react to their own messages, but they can copy one or
|
|
* reply to it: those buttons sit beside its own time. Memoized, like
|
|
* `BotMessageLine`.
|
|
*/
|
|
function UserMessage({ message, bot_name }: Props) {
|
|
return (
|
|
<Stack className="w-full min-w-0 max-w-full items-end gap-1.5!">
|
|
{message.reply_to ? (
|
|
<MessageReplyQuote
|
|
reply_to={message.reply_to}
|
|
bot_name={bot_name}
|
|
align_end
|
|
/>
|
|
) : null}
|
|
<MessageAttachments attachments={message.attachments} />
|
|
{message.text ? <UserBubble text={message.text} /> : null}
|
|
{message.id ? (
|
|
<MessageReactions
|
|
message_id={message.id}
|
|
reactions={message.reactions}
|
|
/>
|
|
) : null}
|
|
<Row className="gap-3! items-center">
|
|
<UserMessageCopy text={message.text || ""} />
|
|
<UserMessageReply message={message} />
|
|
<GroupTimestamp at={Number(message.created_at || 0)} />
|
|
</Row>
|
|
</Stack>
|
|
);
|
|
}
|
|
|
|
export default memo(UserMessage);
|