From 443e3300a12d55afdd3f6204c67a2eb4b3d53da6 Mon Sep 17 00:00:00 2001
From: Alexander Bocken <alexander@bocken.org>
Date: Thu, 12 Feb 2026 17:44:54 +0100
Subject: [PATCH] fix: sync payments page state on URL param changes

$state() only captured initial data prop values, so navigating to
different offset/limit params always showed the first page results.
---
 src/routes/cospend/payments/+page.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/routes/cospend/payments/+page.svelte b/src/routes/cospend/payments/+page.svelte
index ae95136..5138c55 100644
--- a/src/routes/cospend/payments/+page.svelte
+++ b/src/routes/cospend/payments/+page.svelte
@@ -19,6 +19,14 @@
   let limit = $state(data.limit || 20);
   let hasMore = $state(data.hasMore || false);
 
+  // Re-sync local state when server data changes (e.g. URL param navigation)
+  $effect(() => {
+    payments = data.payments || [];
+    currentPage = Math.floor(data.currentOffset / data.limit);
+    limit = data.limit || 20;
+    hasMore = data.hasMore || false;
+  });
+
   // Progressive enhancement: only load if JavaScript is available
   onMount(async () => {
     // Mark that JavaScript is loaded for CSS