abner/for-legacy-web
1
0
Fork 1
mirror of https://github.com/stoatchat/for-legacy-web.git synced 2026-03-07 01:15:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update all packages.

Browse Source 
Update vite fork to latest. (fixes voice)
This commit is contained in:
Paul
2021-07-06 16:07:04 +01:00
parent 8012b680a5
commit 238b6950a8
6 changed files with 239 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/pages/channels/messaging/MessageArea.tsx
View File

@@ -95,9 +95,10 @@ export function MessageArea({ id }: Props) {
animateScroll.scrollTo(
Math.max(
101,
ref.current.scrollTop +
ref.current ? (ref.current.scrollTop +
(ref.current.scrollHeight -
scrollState.current.previousHeight),
scrollState.current.previousHeight))
: 101
),
{
container: ref.current,
@@ -122,12 +123,12 @@ export function MessageArea({ id }: Props) {
// By default, we assume we are at the bottom, i.e. when we first load.
const atBottom = (offset = 0) =>
ref.current
? Math.floor(ref.current.scrollHeight - ref.current.scrollTop) -
? Math.floor(ref.current?.scrollHeight - ref.current?.scrollTop) -
offset <=
ref.current.clientHeight
ref.current?.clientHeight
: true;
const atTop = (offset = 0) => ref.current.scrollTop <= offset;
const atTop = (offset = 0) => ref.current ? ref.current.scrollTop <= offset : false;
// ? Handle events from renderer.
useEffect(() => {
@@ -181,24 +182,24 @@ export function MessageArea({ id }: Props) {
}
}
ref.current.addEventListener("scroll", onScroll);
return () => ref.current.removeEventListener("scroll", onScroll);
ref.current?.addEventListener("scroll", onScroll);
return () => ref.current?.removeEventListener("scroll", onScroll);
}, [ref, scrollState]);
// ? Top and bottom loaders.
useEffect(() => {
async function onScroll() {
if (atTop(100)) {
SingletonMessageRenderer.loadTop(ref.current);
SingletonMessageRenderer.loadTop(ref.current!);
}
if (atBottom(100)) {
SingletonMessageRenderer.loadBottom(ref.current);
SingletonMessageRenderer.loadBottom(ref.current!);
}
}
ref.current.addEventListener("scroll", onScroll);
return () => ref.current.removeEventListener("scroll", onScroll);
ref.current?.addEventListener("scroll", onScroll);
return () => ref.current?.removeEventListener("scroll", onScroll);
}, [ref]);
// ? Scroll down whenever the message area resizes.