From 64a87f0d37ce0846947b0c37c5d49ae9407f36f0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Balogh=20Barnab=C3=A1s?= <balogh.barnabas2008@gmail.com>
Date: Wed, 24 Dec 2025 00:07:10 +0100
Subject: [PATCH] Trim devlogs list and adjust scroll on load more

---
 src/routes/dashboard/explore/+page.svelte | 24 ++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/routes/dashboard/explore/+page.svelte b/src/routes/dashboard/explore/+page.svelte
index 2ac2c3f..a5c7ebd 100644
--- a/src/routes/dashboard/explore/+page.svelte
+++ b/src/routes/dashboard/explore/+page.svelte
@@ -1,10 +1,13 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
+	import { onMount, tick } from 'svelte';
 	import Devlog from '$lib/components/Devlog.svelte';
 	import Head from '$lib/components/Head.svelte';
 
 	let { data } = $props();
 
+	const MAX_DEVLOGS = 60;
+	const TRIMMED_DEVLOGS = 45;
+
 	let devlogs = $state([...data.devlogs]);
 	let hasMore = $state(data.hasMore);
 	let nextOffset = $state(data.nextOffset);
@@ -24,6 +27,24 @@
 		}));
 	}
 
+	async function trimDevlogsIfNeeded() {
+		await tick();
+		if (devlogs.length <= MAX_DEVLOGS) return;
+
+		const previousScroll = window.scrollY;
+		const previousHeight = document.body.scrollHeight;
+		const excess = devlogs.length - TRIMMED_DEVLOGS;
+
+		devlogs = devlogs.slice(excess);
+		await tick();
+
+		const heightDelta = previousHeight - document.body.scrollHeight;
+
+		if (heightDelta > 0) {
+			window.scrollTo({ top: Math.max(0, previousScroll - heightDelta) });
+		}
+	}
+
 	async function loadMoreDevlogs() {
 		if (loadingMore || !hasMore) return;
 
@@ -44,6 +65,7 @@
 			devlogs = [...devlogs, ...incoming];
 			nextOffset = payload.nextOffset ?? nextOffset + incoming.length;
 			hasMore = Boolean(payload.hasMore);
+			await trimDevlogsIfNeeded();
 		} catch (error) {
 			console.error(error);
 			loadError = 'Could not load more right now.';