fix: dynamically determine page size

- larger screens where chat list (35px*pageSize) is smaller than window.InnerHeight, will not be able to scroll.
- performance can dynamically scale, allowing mobile devices to load only what they need.
This commit is contained in:
Aryan Kothari 2024-08-03 10:35:13 -04:00
parent 6847c2fc8c
commit 067d76fece

View File

@ -56,8 +56,10 @@
let nextPageLoading = false; let nextPageLoading = false;
let tagView = false; let tagView = false;
let chatPagniationComplete = false; let chatPagniationComplete = false;
// number of chats per page depends on screen size.
pageLimit.set(20); // 35px is the height of each chat item.
// load 5 extra chats
pageLimit.set(Math.round(window.innerHeight / 35) + 5);
$: filteredChatList = $chats.filter((chat) => { $: filteredChatList = $chats.filter((chat) => {
if (search === '') { if (search === '') {