mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

optimize timeline scroll performance

Browse source
This commit is contained in:
Jamie Kyle 2023-07-31 11:46:16 -07:00 committed by GitHub
parent 1143c0e9ba
commit e5635726ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
ts/components/conversation/Timeline.tsx
View file

@ -399,12 +399,14 @@ export class Timeline extends React.Component<
const newestBottomVisibleMessageId = const newestBottomVisibleMessageId =
getMessageIdFromElement(newestBottomVisible); getMessageIdFromElement(newestBottomVisible);
this.setState({ this.updatePartiallyVisibleMessageIds(
oldestPartiallyVisibleMessageId, oldestPartiallyVisibleMessageId,
newestBottomVisibleMessageId, newestBottomVisibleMessageId
}); );
if (this.props.isNearBottom !== newIsNearBottom) {
setIsNearBottom(id, newIsNearBottom); setIsNearBottom(id, newIsNearBottom);
}
if (newestBottomVisibleMessageId) { if (newestBottomVisibleMessageId) {
this.markNewestBottomVisibleMessageRead(); this.markNewestBottomVisibleMessageRead();
@ -461,6 +463,19 @@ export class Timeline extends React.Component<
this.intersectionObserver.observe(atBottomDetectorEl); this.intersectionObserver.observe(atBottomDetectorEl);
} }
private updatePartiallyVisibleMessageIds = throttle(
(
oldestPartiallyVisibleMessageId: string | undefined,
newestBottomVisibleMessageId: string | undefined
) => {
this.setState({
oldestPartiallyVisibleMessageId,
newestBottomVisibleMessageId,
});
},
100
);
private markNewestBottomVisibleMessageRead = throttle((): void => { private markNewestBottomVisibleMessageRead = throttle((): void => {
const { id, markMessageRead } = this.props; const { id, markMessageRead } = this.props;
const { newestBottomVisibleMessageId } = this.state; const { newestBottomVisibleMessageId } = this.state;