use links instead of <a>

minhd-vu · Feb 28, 2024 · 4fb3636 · 4fb3636
1 parent a80fe05
commit 4fb3636
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -3,6 +3,7 @@ import LoginButton from "./LoginButton";
 import ThemeController from "./ThemeController";
 import prisma from "@/lib/prisma";
 import { User } from "@prisma/client";
+import Link from "next/link";
 
 export default async function Navbar() {
   const session = await getServerSession();
@@ -16,22 +17,22 @@ export default async function Navbar() {
   return (
     <div className="navbar bg-base-300">
       <div className="flex-1">
-        <a className="btn btn-ghost text-xl" href="/">
+        <Link className="btn btn-ghost text-xl" href="/">
           Assassins
-        </a>
+        </Link>
       </div>
       <div className="flex-none">
         <ul className="menu menu-horizontal px-2">
           {user && (
             <li>
-              <a href={`/user/${user.name}`}>Profile</a>
+              <Link href={`/user/${user.name}`}>Profile</Link>
             </li>
           )}
           <li>
-            <a href="/leaderboard">Leaderboard</a>
+            <Link href="/leaderboard">Leaderboard</Link>
           </li>
           <li>
-            <a href="/help">Help</a>
+            <Link href="/help">Help</Link>
           </li>
           <li>
             <LoginButton />

diff --git a/components/Player.tsx b/components/Player.tsx
@@ -2,6 +2,7 @@ import { User } from "@prisma/client";
 import PromotePlayer from "./PromotePlayer";
 import KickPlayer from "./KickPlayer";
 import { Party } from "@/lib/user";
+import Link from "next/link";
 
 export function AdminIcon() {
   return (
@@ -90,7 +91,10 @@ export default function Player({
 }) {
   return (
     <li>
-      <div className="border rounded-lg px-3 py-2 flex justify-between items-center">
+      <Link
+        href={`/user/${player.name}`}
+        className="btn-outline border rounded-lg px-3 py-2 flex justify-between items-center"
+      >
         <p>{player.name}</p>
         <div className="flex space-x-1 items-center">
           {party.adminId === player.id && <AdminIcon />}
@@ -102,7 +106,7 @@ export default function Player({
             </>
           )}
         </div>
-      </div>
+      </Link>
     </li>
   );
 }