jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-11-07 18:01:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(desktop): extract message status metadata

Browse Source 
Signed-off-by: Cea Stapleton Cordasco <261786559+cea@users.noreply.github.com>
This commit is contained in:
Cea Stapleton Cordasco
2026-08-11 13:01:48 -05:00
parent b216c6f22e
commit 16ea258b86
2 changed files with 35 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
desktop/src/features/messages/ui/MessageRow.tsx
View File

@@ -53,9 +53,9 @@ import { hasLinkPreviewSuppression } from "@/features/messages/lib/formatTimelin
import { toast } from "sonner";
import { MessageAgentOwner } from "./MessageAgentOwner";
import { MessageAuthorText, MessageHeaderRow } from "./MessageHeader";
import { MessageStatusMetadata } from "./MessageStatusMetadata";
import { MessageTimestamp } from "./MessageTimestamp";
import { WaveMessageAttachment } from "./WaveMessageAttachment";
import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
const DiffMessage = React.lazy(() => import("./DiffMessage"));
const DiffMessageExpanded = React.lazy(() => import("./DiffMessageExpanded"));
@@ -585,24 +585,10 @@ export const MessageRow = React.memo(
const statusMetadataNode =
message.pending || message.edited ? (
<>
{message.pending ? (
<p
className="font-normal text-muted-foreground/70"
data-testid="message-send-status"
>
Sending…
</p>
) : null}
{message.edited ? (
<Tooltip>
<TooltipTrigger asChild>
<p className="text-muted-foreground/70">(edited)</p>
</TooltipTrigger>
<TooltipContent>This message has been edited</TooltipContent>
</Tooltip>
) : null}
</>
<MessageStatusMetadata
edited={message.edited}
pending={message.pending}
/>
) : null;
const inlineMetadataNode = (

30
desktop/src/features/messages/ui/MessageStatusMetadata.tsx Normal file
View File

@@ -0,0 +1,30 @@
import { Tooltip, TooltipContent, TooltipTrigger } from "@/shared/ui/tooltip";
export function MessageStatusMetadata({
edited,
pending,
}: {
edited?: boolean;
pending?: boolean;
}) {
return (
<>
{pending ? (
<p
className="font-normal text-muted-foreground/70"
data-testid="message-send-status"
>
Sending…
</p>
) : null}
{edited ? (
<Tooltip>
<TooltipTrigger asChild>
<p className="text-muted-foreground/70">(edited)</p>
</TooltipTrigger>
<TooltipContent>This message has been edited</TooltipContent>
</Tooltip>
) : null}
</>
);
}