cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-22 07:00:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

Anchor scroll to bottom when switching channels.

Browse source
This commit is contained in:
Paul 2021-08-08 23:01:47 +01:00
parent 8cb02d6d34
commit c8b5753211
3 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
external/lang vendored

@ -1 +1 @@
Subproject commit 8755aa48b2173f1f509e8fe6edaccc5ac32601f5
Subproject commit 1ed190cd12a9a99b3e57a626118a65c1424cb194

2
src/lib/renderer/Singleton.ts
View file

@ -23,6 +23,7 @@ export class ChannelRenderer {
stale = false;
fetching = false;
scrollPosition = 0;
scrollAnchored = false;
constructor(channel: Channel) {
this.channel = channel;
@ -31,6 +32,7 @@ export class ChannelRenderer {
channel: false,
currentRenderer: false,
scrollPosition: false,
scrollAnchored: false,
});
this.receive = this.receive.bind(this);

17
src/pages/channels/messaging/MessageArea.tsx
View file

@ -173,7 +173,16 @@ export const MessageArea = observer(({ channel }: Props) => {
if (message) return;
if (renderer.state === "RENDER") {
runInAction(() => (renderer.fetching = true));
setScrollState({ type: "ScrollTop", y: renderer.scrollPosition });
console.log(renderer.scrollAnchored);
if (renderer.scrollAnchored) {
setScrollState({ type: "ScrollToBottom" });
} else {
setScrollState({
type: "ScrollTop",
y: renderer.scrollPosition,
});
}
} else {
renderer.init();
}
@ -254,6 +263,12 @@ export const MessageArea = observer(({ channel }: Props) => {
if (atBottom(100)) {
renderer.loadBottom(current!);
}
if (atBottom()) {
renderer.scrollAnchored = true;
} else {
renderer.scrollAnchored = false;
}
}
current.addEventListener("scroll", onScroll);