diff --git a/src/components/views/rooms/ThreadSummary.tsx b/src/components/views/rooms/ThreadSummary.tsx index 2a5865fddc..22c30dacda 100644 --- a/src/components/views/rooms/ThreadSummary.tsx +++ b/src/components/views/rooms/ThreadSummary.tsx @@ -68,11 +68,13 @@ const ThreadSummary = ({ mxEvent, thread }: IProps) => { export const ThreadMessagePreview = ({ thread }: Pick) => { const cli = useContext(MatrixClientContext); - const lastReply = useTypedEventEmitterState(thread, ThreadEvent.Update, () => thread.lastReply()); + const lastReply = useTypedEventEmitterState(thread, ThreadEvent.Update, () => thread.replyToEvent); const preview = useAsyncMemo(async () => { + if (!lastReply) return; await cli.decryptEventIfNeeded(lastReply); return MessagePreviewStore.instance.generatePreviewForEvent(lastReply); }, [lastReply]); + if (!preview) return null; const sender = thread.roomState.getSentinelMember(lastReply.getSender()); return <> @@ -83,13 +85,11 @@ export const ThreadMessagePreview = ({ thread }: Pick) => { height={24} className="mx_ThreadInfo_avatar" /> - { preview && ( -
- - { preview } - -
- ) } +
+ + { preview } + +
; };