RecentRunner/group-2-threaded-project-petshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix web routing

Browse Source
This commit is contained in:
augmentedpotato
2026-04-02 08:54:24 -06:00
parent 3d6b87a7d2
commit 82935303ba
12 changed files with 407 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/components/Navigation.js
View File

@@ -1,6 +1,7 @@
"use client";
import Image from "next/image";
import Link from "next/link";
import { useRouter } from "next/navigation";
import { useAuth } from "@/context/AuthContext";
@@ -23,31 +24,31 @@ export default function DisplayNav() {
id="logo"/>
<div className="nav-links">
<a href="/" className="nav-link">Home</a>
<a href="/adopt" className="nav-link">Adopt a Pet</a>
<a href="/products" className="nav-link">Online Store</a>
<a href="/appointments" className="nav-link">Schedule an Appointment</a>
<a href="/contact" className="nav-link">Contact Us</a>
<a href="/aboutus" className="nav-link">About Us</a>
<Link href="/" className="nav-link">Home</Link>
<Link href="/adopt" className="nav-link">Adopt a Pet</Link>
<Link href="/products" className="nav-link">Online Store</Link>
<Link href="/appointments" className="nav-link">Schedule an Appointment</Link>
<Link href="/contact" className="nav-link">Contact Us</Link>
<Link href="/about" className="nav-link">About Us</Link>
</div>
<div className="nav-auth">
{loading ? null : user ? (
<>
<a href="/profile" className="nav-link nav-greeting">
<Link href="/profile" className="nav-link nav-greeting">
Hello, {user.fullName || user.username}
</a>
<button className="nav-logout-btn" onClick={handleLogout}>
</Link>
<button type="button" className="nav-logout-btn" onClick={handleLogout}>
Log Out
</button>
</>
) : (
<>
<a href="/login" className="nav-link">Log In</a>
<a href="/register" className="nav-link nav-register-btn">Register</a>
<Link href="/login" className="nav-link">Log In</Link>
<Link href="/register" className="nav-link nav-register-btn">Register</Link>
</>
)}
</div>
</nav>
);
}
}