From 3c0323bf83215f7c0782645ae4713730c63fa38b Mon Sep 17 00:00:00 2001
From: TZGyn <ca538901d@mozmail.com>
Date: Sun, 10 Sep 2023 02:14:52 +0800
Subject: [PATCH] Update navbar to show active path

---
 components/navbar.tsx | 13 +++++++++++--
 config/site.ts        |  4 ----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/components/navbar.tsx b/components/navbar.tsx
index ab9936c..a5c88a7 100644
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@@ -83,7 +83,12 @@ export const Navbar = ({
 							className='hidden sm:flex'>
 							<NextLink
 								className={clsx(
-									linkStyles({ color: 'foreground' }),
+									linkStyles({
+										color:
+											item.href === pathname
+												? 'primary'
+												: 'foreground',
+									}),
 									'data-[active=true]:font-medium data-[active=true]:text-primary'
 								)}
 								color='foreground'
@@ -170,7 +175,11 @@ export const Navbar = ({
 						return (
 							<NavbarMenuItem key={`${item}-${index}`}>
 								<Link
-									color={'foreground'}
+									color={
+										item.href === pathname
+											? 'primary'
+											: 'foreground'
+									}
 									href={item.href}
 									size='lg'>
 									{item.label}
diff --git a/config/site.ts b/config/site.ts
index d859b04..11ae8b3 100644
--- a/config/site.ts
+++ b/config/site.ts
@@ -4,10 +4,6 @@ export const siteConfig = {
 	name: 'Dashboard',
 	description: 'Dashboard to manage your bookmarks',
 	navItems: [
-		{
-			label: 'Home',
-			href: '/',
-		},
 		{
 			label: 'Dashboard',
 			href: '/dashboard',