github/pse.dev
1
1
Fork 0
mirror of https://github.com/privacy-scaling-explorations/pse.dev.git synced 2026-04-23 03:01:03 -04:00
Code Issues Packages Projects Releases Wiki Activity

header with container

Browse Source
This commit is contained in:
Kalidou Diagne
2024-01-24 19:30:50 +00:00
parent a94aacb391
commit 9ebad52cd7
1 changed files with 28 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
components/site-header.tsx
View File

@@ -11,6 +11,7 @@ import {
import { Icons } from "./icons"
import { SiteHeaderMobile } from "./site-header-mobile"
import { AppContent } from "./ui/app-content"
import { Dropdown } from "./ui/dropdown"
type SiteHeaderProps = {
@@ -21,30 +22,32 @@ export function SiteHeader({ lang }: SiteHeaderProps) {
const { MAIN_NAV } = useAppSettings(lang)
return (
<header className="sticky top-0 z-40 w-full bg-white px-6 shadow-sm xl:px-20">
<div className="flex h-16 items-center justify-between space-x-4 sm:space-x-0">
<MainNav items={MAIN_NAV} lang={lang} />
<SiteHeaderMobile lang={lang} />
{siteConfig?.showLanguageSwitcher && (
<div className="hidden outline-none md:block">
<Dropdown
label={
<div className="flex items-center gap-1">
<Icons.globe size={22} />
<span className="!text-base !font-normal text-tuatara-950">
{LanguageMapping[lang] ?? LanguageMapping["en"]}
</span>
</div>
}
defaultItem={lang}
items={languagesItems}
onChange={(lang) => {
window?.location?.replace(`/${lang}`)
}}
/>
</div>
)}
</div>
</header>
<AppContent>
<header className="sticky top-0 z-40 w-full bg-white shadow-sm">
<div className="flex h-16 items-center justify-between space-x-4 sm:space-x-0">
<MainNav items={MAIN_NAV} lang={lang} />
<SiteHeaderMobile lang={lang} />
{siteConfig?.showLanguageSwitcher && (
<div className="hidden outline-none md:block">
<Dropdown
label={
<div className="flex items-center gap-1">
<Icons.globe size={22} />
<span className="!text-base !font-normal text-tuatara-950">
{LanguageMapping[lang] ?? LanguageMapping["en"]}
</span>
</div>
}
defaultItem={lang}
items={languagesItems}
onChange={(lang) => {
window?.location?.replace(`/${lang}`)
}}
/>
</div>
)}
</div>
</header>
</AppContent>
)
}