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:
@@ -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"> </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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user