From 6c2def5e733c97ab41afaef1c4ab9d8b346f35bc Mon Sep 17 00:00:00 2001
From: SRUTHIAGARWAL <bhagavathisruthiagarwal@gmail.com>
Date: Sun, 11 Jan 2026 17:10:59 +0530
Subject: [PATCH] feat: add wishlist icon highlight in navbar

---
 frontend/src/components/Navbar.jsx | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
index 1e7b2db..63e1357 100644
--- a/frontend/src/components/Navbar.jsx
+++ b/frontend/src/components/Navbar.jsx
@@ -25,7 +25,7 @@ const Navbar = () => {
   const { pathname } = useLocation();
   const location = useLocation();
   const navigate = useNavigate();
-
+  
   // Use auth context
   const { currentUser, logout, isAuthenticated } = useAuth();
 
@@ -578,6 +578,22 @@ const Navbar = () => {
               )}
             </div>
 
+           
+
+            {/* Wishlist icon (only for logged-in users) */}
+            {isAuthenticated && (
+              <Link
+                to="/wishlist"
+                className={`relative p-2 rounded-full transition ${location.pathname === "/wishlist"
+                    ? "text-primary-600 bg-primary-50"
+                    : "text-neutral-600 hover:text-primary-600"
+                  }`}
+                aria-label="Wishlist"
+              >
+                <i className="fas fa-heart text-lg"></i>
+              </Link>
+            )}
+
             {/* User profile menu */}
 
             <div className="relative">