Fixed links of the navbar

MarckFp · Apr 8, 2024 · 31f7a69 · 31f7a69
1 parent 32ab4aa
commit 31f7a69
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/lib/components/NavBar.svelte b/src/lib/components/NavBar.svelte
@@ -10,7 +10,7 @@
 		Button,
 		DarkMode
 	} from 'flowbite-svelte';
-
+	import { base } from '$app/paths';
 	import {
 		UserSolid,
 		CalendarMonthSolid,
@@ -22,7 +22,7 @@
 
 <Navbar let:NavContainer>
 	<NavContainer class="border px-5 py-2 rounded-lg bg-white dark:bg-gray-600">
-		<NavBrand href="/">
+		<NavBrand href="{base}/">
 			<img src="favicon.png" class="me-3 h-6 sm:h-9" alt="PPOC Gen Logo" />
 			<span class="self-center whitespace-nowrap text-xl font-semibold dark:text-white"
 				>PPOC Gen</span
@@ -31,26 +31,26 @@
 		<div class="flex md:order-2">
 			<Button color="light">Language</Button>
 			<Dropdown class="w-44 z-20">
-				<DropdownItem href="/">English</DropdownItem>
-				<DropdownItem href="/">Spanish</DropdownItem>
+				<DropdownItem href="{base}/">English</DropdownItem>
+				<DropdownItem href="{base}/">Spanish</DropdownItem>
 			</Dropdown>
 			<DarkMode class="text-primary-500 dark:text-primary-600 border dark:border-gray-800 ml-2" />
 			<NavHamburger />
 		</div>
 		<NavUl class="order-1">
-			<NavLi href="/publishers">
+			<NavLi href="{base}/publishers">
 				<div class="flex flex-row">
 					Publishers <UserSolid color="red" />
 				</div>
 			</NavLi>
-			<NavLi href="/schedules"
+			<NavLi href="{base}/schedules"
 				><div class="flex flex-row">Schedules <CalendarMonthSolid color="red" /></div></NavLi
 			>
-			<NavLi href="/turns"><div class="flex flex-row">Turns <EditSolid color="red" /></div></NavLi>
-			<NavLi href="/incidences"
+			<NavLi href="{base}/turns"><div class="flex flex-row">Turns <EditSolid color="red" /></div></NavLi>
+			<NavLi href="{base}/incidences"
 				><div class="flex flex-row">Incidences <BellRingSolid color="red" /></div></NavLi
 			>
-			<NavLi href="/settings"
+			<NavLi href="{base}/settings"
 				><div class="flex flex-row">Settings <AdjustmentsVerticalSolid color="red" /></div></NavLi
 			>
 		</NavUl>