Render message preview in single line

This commit is contained in:
Jamie
2025-12-16 07:48:51 -08:00
committed by GitHub
parent 0a12e1ec17
commit ed279cd8f5

View File

@@ -18,6 +18,7 @@ import {
import type { HydratedBodyRangesType } from '../../../types/BodyRange.std.js'; import type { HydratedBodyRangesType } from '../../../types/BodyRange.std.js';
import { AxoSymbol } from '../../../axo/AxoSymbol.dom.js'; import { AxoSymbol } from '../../../axo/AxoSymbol.dom.js';
import { missingCaseError } from '../../../util/missingCaseError.std.js'; import { missingCaseError } from '../../../util/missingCaseError.std.js';
import { stripNewlinesForLeftPane } from '../../../util/stripNewlinesForLeftPane.std.js';
export type PinMessageText = Readonly<{ export type PinMessageText = Readonly<{
body: string; body: string;
@@ -483,6 +484,11 @@ function MessageTextPreview(props: {
text: PinMessageText; text: PinMessageText;
}) { }) {
const { i18n } = props; const { i18n } = props;
const messagePreview = useMemo(() => {
return stripNewlinesForLeftPane(props.text.body);
}, [props.text.body]);
return ( return (
<MessageTextRenderer <MessageTextRenderer
bodyRanges={props.text.bodyRanges} bodyRanges={props.text.bodyRanges}
@@ -491,7 +497,7 @@ function MessageTextPreview(props: {
jumboEmojiSize={null} jumboEmojiSize={null}
i18n={i18n} i18n={i18n}
isSpoilerExpanded={{}} isSpoilerExpanded={{}}
messageText={props.text.body} messageText={messagePreview}
originalMessageText={props.text.body} originalMessageText={props.text.body}
onExpandSpoiler={undefined} onExpandSpoiler={undefined}
onMentionTrigger={() => null} onMentionTrigger={() => null}