From 99325ce1447cdf7657061e48c2cb03e6936011bf Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Mon, 9 Sep 2024 00:54:22 +0800
Subject: [PATCH] fix unneccesary rerender on links page initial load

---
 .../routes/(app)/dashboard/links/+page.svelte | 27 +++++++++++++++++--
 .../dashboard/projects/[id]/+page.svelte      | 27 +++++++++++++++++--
 2 files changed, 50 insertions(+), 4 deletions(-)

diff --git a/frontend/src/routes/(app)/dashboard/links/+page.svelte b/frontend/src/routes/(app)/dashboard/links/+page.svelte
index aefec09..f1239f7 100644
--- a/frontend/src/routes/(app)/dashboard/links/+page.svelte
+++ b/frontend/src/routes/(app)/dashboard/links/+page.svelte
@@ -44,6 +44,7 @@
 	let searchUpdateTimeout: any
 
 	$: browser &&
+		search &&
 		goto(
 			updateSearchParam([
 				{ name: 'search', value: search },
@@ -198,7 +199,18 @@
 								search = target.value
 							}, 500)
 						}} />
-					<Button disabled={!search} on:click={() => (search = '')}>
+					<Button
+						disabled={!search}
+						on:click={() =>
+							goto(
+								updateSearchParam([
+									{ name: 'search', value: '' },
+									{
+										name: 'page',
+										value: 1,
+									},
+								]),
+							)}>
 						Clear
 					</Button>
 				</div>
@@ -318,7 +330,18 @@
 					search = target.value
 				}, 500)
 			}} />
-		<Button disabled={!search} on:click={() => (search = '')}>
+		<Button
+			disabled={!search}
+			on:click={() =>
+				goto(
+					updateSearchParam([
+						{ name: 'search', value: '' },
+						{
+							name: 'page',
+							value: 1,
+						},
+					]),
+				)}>
 			Clear
 		</Button>
 	</div>
diff --git a/frontend/src/routes/(app)/dashboard/projects/[id]/+page.svelte b/frontend/src/routes/(app)/dashboard/projects/[id]/+page.svelte
index c1f1023..3d398db 100644
--- a/frontend/src/routes/(app)/dashboard/projects/[id]/+page.svelte
+++ b/frontend/src/routes/(app)/dashboard/projects/[id]/+page.svelte
@@ -28,6 +28,7 @@
 	let searchUpdateTimeout: any
 
 	$: browser &&
+		search &&
 		goto(
 			updateSearchParam([
 				{ name: 'search', value: search },
@@ -113,7 +114,18 @@
 								search = target.value
 							}, 500)
 						}} />
-					<Button disabled={!search} on:click={() => (search = '')}>
+					<Button
+						disabled={!search}
+						on:click={() =>
+							goto(
+								updateSearchParam([
+									{ name: 'search', value: search },
+									{
+										name: 'page',
+										value: 1,
+									},
+								]),
+							)}>
 						Clear
 					</Button>
 				</div>
@@ -162,7 +174,18 @@
 					search = target.value
 				}, 500)
 			}} />
-		<Button disabled={!search} on:click={() => (search = '')}>
+		<Button
+			disabled={!search}
+			on:click={() =>
+				goto(
+					updateSearchParam([
+						{ name: 'search', value: search },
+						{
+							name: 'page',
+							value: 1,
+						},
+					]),
+				)}>
 			Clear
 		</Button>
 	</div>