thowitz-work/tremor-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

underline on bars

Browse Source
This commit is contained in:
Emily Neighbour 2025-03-17 13:56:42 +00:00
parent 95ca59bc27
commit 0ce9d90d8d
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/navbar.tsx
View File

@ -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>
);