gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: update offset for fetching older messages

Browse source
This commit is contained in:
SauceyRed 2025-06-01 16:22:51 +02:00
parent 5b1d25807e
commit 2c2013fa81
Signed by: sauceyred
GPG key ID: 2BF92EB6D8A5CCA7
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

5
components/MessageArea.vue
View file

@ -171,6 +171,7 @@ onMounted(async () => {
if (messagesElement.value) { if (messagesElement.value) {
scrollToBottom(messagesElement); scrollToBottom(messagesElement);
let fetched = false; let fetched = false;
const amount = messages.value.length;
let offset = messages.value.length; let offset = messages.value.length;
messagesElement.value.addEventListener("scroll", async (e) => { messagesElement.value.addEventListener("scroll", async (e) => {
if (e.target) { if (e.target) {
@ -180,7 +181,7 @@ onMounted(async () => {
fetched = true; fetched = true;
console.log("scroll height is at 10% or less"); console.log("scroll height is at 10% or less");
//console.log("current oldest:", currentOldestMessage); //console.log("current oldest:", currentOldestMessage);
const olderMessages = await fetchMessages(route.params.channelId as string, { amount: 2, offset: offset }); const olderMessages = await fetchMessages(route.params.channelId as string, { amount, offset });
if (olderMessages) { if (olderMessages) {
olderMessages.reverse(); olderMessages.reverse();
console.log("older messages:", olderMessages); console.log("older messages:", olderMessages);
@ -192,7 +193,7 @@ onMounted(async () => {
await groupMessage(message); await groupMessage(message);
} }
} }
offset += 2; offset += offset;
} }
} else { } else {
fetched = false; fetched = false;