From 39199dbcf65fbebca34f5616eb8823b79d379271 Mon Sep 17 00:00:00 2001
From: SRUTHIAGARWAL <bhagavathisruthiagarwal@gmail.com>
Date: Sun, 11 Jan 2026 19:54:03 +0530
Subject: [PATCH] feat: add messages icon to navbar

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

diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
index 1e7b2db..2c6c661 100644
--- a/frontend/src/components/Navbar.jsx
+++ b/frontend/src/components/Navbar.jsx
@@ -577,6 +577,20 @@ const Navbar = () => {
                 </div>
               )}
             </div>
+            {/* This is message icon on navbar which redirects to message page */}
+            {isAuthenticated && (
+              <Link
+                to="/messages"
+                className={`relative p-2 rounded-full transition duration-200
+      ${location.pathname.startsWith("/messages")
+                    ? "text-primary-600 bg-primary-50"
+                    : "text-neutral-600 hover:text-primary-600 hover:bg-neutral-100"
+                  }`}
+                aria-label="Messages"
+              >
+                <i className="fas fa-envelope text-lg"></i>
+              </Link>
+            )}
 
             {/* User profile menu */}