Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 05:04:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix thread summary sometimes not updating (#7542)

Browse Source
This commit is contained in:
Germain 2022-01-14 12:58:37 +00:00 committed by GitHub
parent 240cb10415
commit 54357c2d63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/components/views/rooms/EventTile.tsx
View File

@ -350,7 +350,10 @@ interface IState {
hover: boolean;
isQuoteExpanded?: boolean;
thread?: Thread;
thread: Thread;
threadReplyCount: number;
threadLastReply: MatrixEvent;
threadNotification?: NotificationCountType;
}
@ -378,6 +381,8 @@ export default class EventTile extends React.Component<IProps, IState> {
constructor(props: IProps, context: React.ContextType<typeof MatrixClientContext>) {
super(props, context);
const thread = this.props.mxEvent?.getThread();
this.state = {
// Whether the action bar is focused.
actionBarFocused: false,
@ -393,7 +398,9 @@ export default class EventTile extends React.Component<IProps, IState> {
hover: false,
thread: this.props.mxEvent?.getThread(),
thread,
threadReplyCount: thread?.length,
threadLastReply: thread?.lastReply,
};
// don't do RR animations until we are mounted
@ -543,12 +550,13 @@ export default class EventTile extends React.Component<IProps, IState> {
}
this.setupNotificationListener(thread);
this.setState({
thread,
});
this.forceUpdate();
}
this.setState({
threadLastReply: thread.lastReply,
threadReplyCount: thread.length,
thread,
});
};
// TODO: [REACT-WARNING] Replace with appropriate lifecycle event
@ -642,21 +650,19 @@ export default class EventTile extends React.Component<IProps, IState> {
}
private renderThreadLastMessagePreview(): JSX.Element | null {
if (!this.thread) {
const { threadLastReply } = this.state;
if (!threadLastReply) {
return null;
}
const [lastEvent] = this.thread.events
.filter(event => event.isThreadRelation)
.slice(-1);
const threadMessagePreview = MessagePreviewStore.instance.generatePreviewForEvent(lastEvent);
const threadMessagePreview = MessagePreviewStore.instance.generatePreviewForEvent(threadLastReply);
if (!threadMessagePreview || !lastEvent.sender) {
if (!threadMessagePreview || !threadLastReply.sender) {
return null;
}
return <>
<MemberAvatar member={lastEvent.sender} width={24} height={24} className="mx_ThreadInfo_avatar" />
<MemberAvatar member={threadLastReply.sender} width={24} height={24} className="mx_ThreadInfo_avatar" />
<div className="mx_ThreadInfo_content">
<span className="mx_ThreadInfo_message-preview">
{ threadMessagePreview }
@ -670,7 +676,7 @@ export default class EventTile extends React.Component<IProps, IState> {
return (
<p className="mx_ThreadSummaryIcon">{ _t("From a thread") }</p>
);
} else if (this.thread) {
} else if (this.state.threadReplyCount) {
return (
<CardContext.Consumer>
{ context =>
@ -682,7 +688,7 @@ export default class EventTile extends React.Component<IProps, IState> {
>
<span className="mx_ThreadInfo_threads-amount">
{ _t("%(count)s reply", {
count: this.thread.length,
count: this.state.threadReplyCount,
}) }
</span>
{ this.renderThreadLastMessagePreview() }