From c11bcfa179c6ce66e6c5567120eb591b9b91d537 Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Wed, 1 Oct 2025 18:22:35 +0200
Subject: [PATCH] feat(web): add community and dashboard links to navigation

Add navigation links for community page and dashboard page (shown only when logged in). Implements active state highlighting for all navigation items including the new community and dashboard pages
---
 web/src/components/header-nav.tsx | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/web/src/components/header-nav.tsx b/web/src/components/header-nav.tsx
index 7730bcae..666ffc08 100644
--- a/web/src/components/header-nav.tsx
+++ b/web/src/components/header-nav.tsx
@@ -4,9 +4,15 @@ import Link from "next/link"
 import { usePathname } from "next/navigation"
 import { cn } from "@/lib/utils"
 
-export function HeaderNav() {
+interface HeaderNavProps {
+	isLoggedIn?: boolean
+}
+
+export function HeaderNav({ isLoggedIn }: HeaderNavProps) {
 	const pathname = usePathname()
 	const isIconsActive = pathname === "/icons" || pathname.startsWith("/icons/")
+	const isCommunityActive = pathname === "/community" || pathname.startsWith("/community/")
+	const isDashboardActive = pathname === "/dashboard" || pathname.startsWith("/dashboard/")
 
 	return (
 		<nav className="flex flex-row md:items-center items-start gap-4 md:gap-6">
@@ -29,6 +35,27 @@ export function HeaderNav() {
 			>
 				Icons
 			</Link>
+			<Link
+				prefetch
+				href="/community"
+				className={cn(
+					"text-sm font-medium transition-colors  dark:hover:text-rose-400 cursor-pointer",
+					isCommunityActive && "text-primary font-semibold",
+				)}
+			>
+				Community
+			</Link>
+			{isLoggedIn && (
+				<Link
+					href="/dashboard"
+					className={cn(
+						"text-sm font-medium transition-colors  dark:hover:text-rose-400 cursor-pointer",
+						isDashboardActive && "text-primary font-semibold",
+					)}
+				>
+					Dashboard
+				</Link>
+			)}
 		</nav>
 	)
 }