add: messageIcon to navbar

Celesca · Nov 25, 2024 · 81c1975 · 81c1975
1 parent 3b69696
commit 81c1975
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/frontend/src/components/Navbar.jsx b/frontend/src/components/Navbar.jsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { Search, Menu, X, Bell } from 'lucide-react';
+import { Search, Menu, X, Bell, InboxIcon } from 'lucide-react';
 import axios from 'axios';
 
 function Navbar() {
@@ -148,6 +148,10 @@ function Navbar() {
               </>
             )}
             <NotificationBell />
+            <a href="/inbox" className="text-white hover:text-purple-200 transition duration-300 font-medium">
+              <InboxIcon className="h-6 w-6" />
+            </a>
+
           </div>
 
           <button
@@ -196,6 +200,10 @@ function Navbar() {
                 </>
               )}
               <NotificationBell />
+              <a href="/inbox" className="text-white hover:text-purple-200 transition duration-300 font-medium">
+                <InboxIcon className="h-6 w-6" />
+              </a>
+
             </div>
           </div>
         )}