- Replace useSession with usePathname from next/navigation - Show account link only when pathname includes '/home' (restricted pages) - More efficient than checking session state - Aligns with middleware logic that protects /home routes 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
27 lines
928 B
TypeScript
27 lines
928 B
TypeScript
"use client";
|
|
|
|
import Image from "next/image";
|
|
import Link from "next/link";
|
|
import { SelectLanguage } from "./SelectLanguage";
|
|
import AccountCircle from "@mui/icons-material/AccountCircle";
|
|
import { useLocale } from "next-intl";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
export const PageHeader = () => {
|
|
const locale = useLocale();
|
|
const pathname = usePathname();
|
|
const isRestrictedPage = pathname.includes('/home');
|
|
|
|
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 />
|
|
{isRestrictedPage && (
|
|
<Link href={`/${locale}/home/account/`} className="btn btn-ghost btn-circle">
|
|
<AccountCircle />
|
|
</Link>
|
|
)}
|
|
</div>
|
|
);
|
|
} |