23 lines
497 B
TypeScript
23 lines
497 B
TypeScript
"use client";
|
|
|
|
import { useSession } from "next-auth/react";
|
|
import Link from "next/link";
|
|
|
|
export const Header = () => {
|
|
const session = useSession();
|
|
return (
|
|
<header className="flex justify-between items-center p-4">
|
|
<h1 className="text-2xl font-bold">Hub</h1>
|
|
<div>
|
|
{session.status === "authenticated" ? (
|
|
<p>{session.data?.user.firstname}</p>
|
|
) : (
|
|
<Link href="/login">
|
|
<button className="btn">Login</button>
|
|
</Link>
|
|
)}
|
|
</div>
|
|
</header>
|
|
);
|
|
};
|