24 lines
570 B
TypeScript
24 lines
570 B
TypeScript
'use client';
|
|
|
|
import { useSession } from 'next-auth/react';
|
|
import Link from 'next/link';
|
|
|
|
export const Header = () => {
|
|
const session = useSession();
|
|
console.log(session);
|
|
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>
|
|
);
|
|
};
|