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 { SelectLanguage } from "./SelectLanguage";
import AccountCircle from "@mui/icons-material/AccountCircle"; import AccountCircle from "@mui/icons-material/AccountCircle";
import { useLocale } from "next-intl"; import { useLocale } from "next-intl";
import { useSession } from "next-auth/react";
export const PageHeader = () => { export const PageHeader = () => {
const locale = useLocale(); const locale = useLocale();
const { data: session } = useSession();
return ( return (
<div className="navbar bg-base-100 mb-6"> <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> <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> <span className="grow">&nbsp;</span>
<SelectLanguage /> <SelectLanguage />
{session && (
<Link href={`/${locale}/home/account/`} className="btn btn-ghost btn-circle"> <Link href={`/${locale}/home/account/`} className="btn btn-ghost btn-circle">
<AccountCircle /> <AccountCircle />
</Link> </Link>
)}
</div> </div>
); );
} }