Fix msg not auto loading backwards
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
parent
c291729ed6
commit
74b8a0f10f
2 changed files with 11 additions and 13 deletions
|
@ -346,18 +346,17 @@ function usePaginate(roomTimeline, readEventStore, forceUpdateLimit) {
|
|||
const [info, setInfo] = useState(null);
|
||||
|
||||
useEffect(() => {
|
||||
const handleOnPagination = (backwards, loaded, canLoadMore) => {
|
||||
const handleOnPagination = (backwards, loaded) => {
|
||||
if (loaded === 0) return;
|
||||
if (!readEventStore.getItem()) {
|
||||
const readUpToId = roomTimeline.getReadUpToEventId();
|
||||
readEventStore.setItem(roomTimeline.findEventByIdInTimelineSet(readUpToId));
|
||||
}
|
||||
limit.setFrom(limit.calcNextFrom(backwards, roomTimeline.timeline.length));
|
||||
setInfo({
|
||||
setTimeout(() => setInfo({
|
||||
backwards,
|
||||
loaded,
|
||||
canLoadMore,
|
||||
});
|
||||
}));
|
||||
};
|
||||
roomTimeline.on(cons.events.roomTimeline.PAGINATED, handleOnPagination);
|
||||
return () => {
|
||||
|
@ -365,7 +364,7 @@ function usePaginate(roomTimeline, readEventStore, forceUpdateLimit) {
|
|||
};
|
||||
}, [roomTimeline]);
|
||||
|
||||
const autoPaginate = useCallback(() => {
|
||||
const autoPaginate = useCallback(async () => {
|
||||
if (roomTimeline.isOngoingPagination) return;
|
||||
const tLength = roomTimeline.timeline.length;
|
||||
|
||||
|
@ -376,7 +375,7 @@ function usePaginate(roomTimeline, readEventStore, forceUpdateLimit) {
|
|||
forceUpdateLimit();
|
||||
} else if (roomTimeline.canPaginateForward()) {
|
||||
// paginate from server.
|
||||
roomTimeline.paginateTimeline(false, PAG_LIMIT);
|
||||
await roomTimeline.paginateTimeline(false, PAG_LIMIT);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
@ -387,7 +386,7 @@ function usePaginate(roomTimeline, readEventStore, forceUpdateLimit) {
|
|||
forceUpdateLimit();
|
||||
} else if (roomTimeline.canPaginateBackward()) {
|
||||
// paginate from server.
|
||||
roomTimeline.paginateTimeline(true, PAG_LIMIT);
|
||||
await roomTimeline.paginateTimeline(true, PAG_LIMIT);
|
||||
}
|
||||
}
|
||||
}, [roomTimeline]);
|
||||
|
|
|
@ -90,7 +90,7 @@ class RoomTimeline extends EventEmitter {
|
|||
}
|
||||
|
||||
canPaginateBackward() {
|
||||
if (this.timeline[0].getType() === 'm.room.create') return false;
|
||||
if (this.timeline[0]?.getType() === 'm.room.create') return false;
|
||||
const tm = getFirstLinkedTimeline(this.activeTimeline);
|
||||
return tm.getPaginationToken('b') !== null;
|
||||
}
|
||||
|
@ -173,26 +173,25 @@ class RoomTimeline extends EventEmitter {
|
|||
: getLastLinkedTimeline(this.activeTimeline);
|
||||
|
||||
if (timelineToPaginate.getPaginationToken(backwards ? 'b' : 'f') === null) {
|
||||
this.emit(cons.events.roomTimeline.PAGINATED, backwards, 0);
|
||||
this.isOngoingPagination = false;
|
||||
this.emit(cons.events.roomTimeline.PAGINATED, backwards, 0, false);
|
||||
return false;
|
||||
}
|
||||
|
||||
const oldSize = this.timeline.length;
|
||||
try {
|
||||
const canPaginateMore = await this.matrixClient
|
||||
.paginateEventTimeline(timelineToPaginate, { backwards, limit });
|
||||
await this.matrixClient.paginateEventTimeline(timelineToPaginate, { backwards, limit });
|
||||
|
||||
if (this.isEncrypted()) await this.decryptAllEventsOfTimeline(this.activeTimeline);
|
||||
this._populateTimelines();
|
||||
|
||||
const loaded = this.timeline.length - oldSize;
|
||||
this.emit(cons.events.roomTimeline.PAGINATED, backwards, loaded);
|
||||
this.isOngoingPagination = false;
|
||||
this.emit(cons.events.roomTimeline.PAGINATED, backwards, loaded, canPaginateMore);
|
||||
return true;
|
||||
} catch {
|
||||
this.emit(cons.events.roomTimeline.PAGINATED, backwards, 0);
|
||||
this.isOngoingPagination = false;
|
||||
this.emit(cons.events.roomTimeline.PAGINATED, backwards, 0, true);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue