From 56916c8169cc577106bae919360352e43405613a Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 9 Jun 2024 04:54:04 +0800
Subject: [PATCH] fixed project navbar not updating on page change

---
 .../routes/(app)/projects/[id]/+layout.svelte | 46 ++++++++++---------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/frontend/src/routes/(app)/projects/[id]/+layout.svelte b/frontend/src/routes/(app)/projects/[id]/+layout.svelte
index 689060e..a06c88a 100644
--- a/frontend/src/routes/(app)/projects/[id]/+layout.svelte
+++ b/frontend/src/routes/(app)/projects/[id]/+layout.svelte
@@ -14,28 +14,30 @@
 			{data.project.name}
 		</h2>
 		<Separator orientation="vertical" />
-		<ScrollArea orientation="horizontal">
-			<div class="flex items-center gap-4">
-				<Button
-					href={`/projects/${data.project.uuid}`}
-					variant={$page.url.pathname ===
-					`/projects/${data.project.uuid}`
-						? 'secondary'
-						: 'ghost'}>Shorteners</Button>
-				<Button
-					href={`/projects/${data.project.uuid}/members`}
-					variant={$page.url.pathname ===
-					`/projects/${data.project.uuid}/members`
-						? 'secondary'
-						: 'ghost'}>Members</Button>
-				<Button
-					href={`/projects/${data.project.uuid}/settings`}
-					variant={$page.url.pathname ===
-					`/projects/${data.project.uuid}/settings`
-						? 'secondary'
-						: 'ghost'}>Settings</Button>
-			</div>
-		</ScrollArea>
+		{#key $page.url.pathname}
+			<ScrollArea orientation="horizontal">
+				<div class="flex items-center gap-4">
+					<Button
+						href={`/projects/${data.project.uuid}`}
+						variant={$page.url.pathname ===
+						`/projects/${data.project.uuid}`
+							? 'secondary'
+							: 'ghost'}>Shorteners</Button>
+					<Button
+						href={`/projects/${data.project.uuid}/members`}
+						variant={$page.url.pathname ===
+						`/projects/${data.project.uuid}/members`
+							? 'secondary'
+							: 'ghost'}>Members</Button>
+					<Button
+						href={`/projects/${data.project.uuid}/settings`}
+						variant={$page.url.pathname ===
+						`/projects/${data.project.uuid}/settings`
+							? 'secondary'
+							: 'ghost'}>Settings</Button>
+				</div>
+			</ScrollArea>
+		{/key}
 	</div>
 </div>