mirror of
https://github.com/massbug/judge4c.git
synced 2025-05-18 07:16:34 +00:00
- Replace react-world-flags with next/image for better optimization - Simplify locale handling logic and remove unused getUserLocale - Rename component to be more descriptive (language-settings -> locale-switcher) - Update all references to use the new component - Add proper SVG flag assets for supported locales - Remove react-world-flags dependency from package.json
26 lines
782 B
TypeScript
26 lines
782 B
TypeScript
import Link from "next/link";
|
|
import { Logo } from "@/components/logo";
|
|
import { Container } from "@/components/container";
|
|
import { ThemeToggle } from "@/components/theme-toggle";
|
|
import { LocaleSwitcher } from "@/components/locale-switcher";
|
|
|
|
export const Header = () => {
|
|
return (
|
|
<header>
|
|
<nav>
|
|
<Container className="relative z-50 flex justify-between py-8">
|
|
<div className="relative z-10 flex items-center gap-16">
|
|
<Link href="/" aria-label="Home">
|
|
<Logo className="h-10 w-auto flex items-center" />
|
|
</Link>
|
|
</div>
|
|
<div className="flex items-center gap-6">
|
|
<LocaleSwitcher />
|
|
<ThemeToggle />
|
|
</div>
|
|
</Container>
|
|
</nav>
|
|
</header>
|
|
);
|
|
};
|