fix navbar not updating properly

Small-Fish-Dev · Oct 27, 2024 · 2125bf5 · 2125bf5
1 parent cdd3985
commit 2125bf5
Showing 1 changed file with 12 additions and 10 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -47,16 +47,18 @@
 			<p>small fish</p>
 		</a>
 		<div class="hidden h-full flex-row items-center gap-2 md:flex">
-			{#each routes as route}
-				<div class="h-full">
-					<NavButton
-						href={route.href}
-						icon={route.icon}
-						label={route.label}
-						disabled={$page.url.pathname == route.href}
-					/>
-				</div>
-			{/each}
+			{#key $page.url.pathname}
+				{#each routes as route}
+					<div class="h-full">
+						<NavButton
+							href={route.href}
+							icon={route.icon}
+							label={route.label}
+							disabled={$page.url.pathname == route.href}
+						/>
+					</div>
+				{/each}
+			{/key}
 		</div>
 		<button
 			class="pointer-events-auto scale-100 text-white transition-all md:hidden"