feat: Implement LinkHandler for dynamic link management in Navbar

MBeggiato · Nov 7, 2024 · 49ff8cc · 49ff8cc
1 parent 1c1e2d7
commit 49ff8cc
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/lib/LinkHandler.ts b/src/lib/LinkHandler.ts
@@ -0,0 +1,13 @@
+import { base } from '$app/paths'
+
+export const LinkHandler = (link: string) => {
+    if (process.env.NODE_ENV === 'development') {
+        return link
+    }
+
+    if (link === '/') {
+        return base
+    }
+
+    return base + link
+}
diff --git a/src/lib/components/Navbar.svelte b/src/lib/components/Navbar.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { LinkHandler } from '$lib/LinkHandler';
 	import {
 		Navbar,
 		NavBrand,
@@ -13,7 +14,7 @@
 </script>
 
 <Navbar>
-	<NavBrand href="/">
+	<NavBrand href={LinkHandler('/')}>
 		<svg
 			xmlns="http://www.w3.org/2000/svg"
 			width="32"
@@ -53,7 +54,7 @@
 		<DarkMode class="ml-2" />
 	</div>
 	<NavUl>
-		<NavLi href="/">Home</NavLi>
+		<NavLi href={LinkHandler('/')}>Home</NavLi>
 		<!--
 		<NavLi href="/about">About</NavLi>
 		<NavLi href="/docs/components/navbar">Navbar</NavLi>