From 0ce9d90d8d750bf06fc33f871405cbc7ecbea2b2 Mon Sep 17 00:00:00 2001
From: Emily Neighbour <emily.neighbour@dyson.com>
Date: Mon, 17 Mar 2025 13:56:42 +0000
Subject: [PATCH] underline on bars

---
 src/components/navbar.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index e1b052d..ec645a7 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -2,10 +2,12 @@
 
 import Image from "next/image";
 import Link from "next/link";
+import { usePathname } from 'next/navigation'
 import { useState, useEffect, useRef } from "react";
 
 export default function Navbar() {
     const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+    const pathname = usePathname()
     const dropdownRef = useRef<HTMLDivElement>(null);
 
     useEffect(() => {
@@ -39,25 +41,24 @@ export default function Navbar() {
                 <Link href="/">
                     <Image height={2000} width={2000} alt="Background Image" src="/logo.png"></Image>
                 </Link>
-                {/* <p className="m-auto text-sm">Logo</p> */}
             </div>
             <div className="flex">
-                <button className="px-6">
+                <button className="px-6 border-b-2 border-black">
                     <Link href="/earthquakes">
                         Earthquakes
                     </Link>
                 </button>
-                <button className="px-6">
+                <button className="px-6 border-b-2 border-black">
                     <Link href="/observatories">
                         Observatories
                     </Link>
                 </button>
-                <button className="px-6">
+                <button className="px-6 border-b-2 border-black">
                     <Link href="/warehouse">
                         Warehouse
                     </Link>    
                 </button>
-                <button className="px-6">
+                <button className="px-6 border-b-2 border-black">
                     <Link href="/shop">
                         Shop
                     </Link>
@@ -84,7 +85,11 @@ export default function Navbar() {
             </div>
             <div className="flex-grow"></div>
             <div className="my-2 mr-2 w-10 flex border rounded-full">
-                <p className="m-auto text-sm">User</p>
+                <p className="m-auto text-sm">
+                    <Link href="/user">
+                        User
+                    </Link>
+                </p>
             </div>
         </div>
     );