From 212ac70b5d9f2fa6869abf201024f812a1838dd9 Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Thu, 4 Dec 2025 19:46:24 +0000
Subject: [PATCH] Enhance Navbar component to include conditional rendering for
 the user appointment details route. This update improves navigation clarity
 for authenticated users by ensuring appropriate links are displayed based on
 the current route.

---
 components/Navbar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 4e430f1..2cff21f 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -26,6 +26,7 @@ export function Navbar() {
   const isAdminDashboard = pathname?.startsWith("/admin/dashboard");
   const isUserSettings = pathname?.startsWith("/user/settings");
   const isAdminSettings = pathname?.startsWith("/admin/settings");
+  const isUserAppointmentDetails = pathname?.startsWith("/user/appointments/");
   const isUserRoute = pathname?.startsWith("/user/");
   const { isAuthenticated, logout, user, isAdmin } = useAuth();
 
@@ -142,7 +143,7 @@ export function Navbar() {
             )}
             {isAuthenticated && (
               <>
-                {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings) && (
+                {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings || isUserAppointmentDetails) && (
                   <Link 
                     href={isAdmin ? "/admin/dashboard" : "/user/dashboard"}
                     className={`text-sm font-medium transition-colors cursor-pointer px-3 py-2 rounded-lg hover:opacity-90 ${isDark ? 'text-gray-300 hover:text-white' : 'text-gray-700 hover:text-rose-600'}`}
@@ -258,7 +259,7 @@ export function Navbar() {
                   )}
                   {isAuthenticated && (
                     <>
-                      {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings) && (
+                      {!(isUserDashboard || isAdminDashboard || isUserSettings || isAdminSettings || isUserAppointmentDetails) && (
                         <Link
                           href={isAdmin ? "/admin/dashboard" : "/user/dashboard"}
                           onClick={() => setMobileMenuOpen(false)}