Hide account link for anonymous users in PageHeader

- Add useSession hook from next-auth/react
- Conditionally render account icon link only when user is authenticated
- Anonymous users on public pages will not see the account button

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-11-25 21:58:21 +01:00
parent 47b99c05e0
commit 8fd9da8210

View File

@@ -5,18 +5,22 @@ import Link from "next/link";
import { SelectLanguage } from "./SelectLanguage";
import AccountCircle from "@mui/icons-material/AccountCircle";
import { useLocale } from "next-intl";
import { useSession } from "next-auth/react";
export const PageHeader = () => {
const locale = useLocale();
const { data: session } = useSession();
return (
<div className="navbar bg-base-100 mb-6">
<Link className="btn btn-ghost text-xl" href={`/${locale}/home`}><Image src="/icon3.png" alt="logo" width={48} height={48} /> Režije</Link>
<span className="grow">&nbsp;</span>
<SelectLanguage />
<Link href={`/${locale}/home/account/`} className="btn btn-ghost btn-circle">
<AccountCircle />
</Link>
{session && (
<Link href={`/${locale}/home/account/`} className="btn btn-ghost btn-circle">
<AccountCircle />
</Link>
)}
</div>
);
}