48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import { request } from "@/lib/request"
|
|
import { GetHeader } from "@/lib/graphql/Query/Header.graphql"
|
|
|
|
import MainMenu from "./MainMenu"
|
|
import OfflineBanner from "./OfflineBanner"
|
|
import TopMenu from "./TopMenu"
|
|
|
|
import styles from "./header.module.css"
|
|
|
|
import { LangParams } from "@/types/params"
|
|
import type { HeaderQueryData } from "@/types/requests/header"
|
|
|
|
export default async function Header({ lang }: LangParams) {
|
|
try {
|
|
const { data } = await request<HeaderQueryData>(GetHeader, { locale: lang })
|
|
if (!data.all_header.items.length) {
|
|
return null
|
|
}
|
|
|
|
const homeHref = `https://www.scandichotels.com/${lang}`
|
|
const { frontpage_link_text, logoConnection, menu, top_menu } = data.all_header.items[0]
|
|
const logo = logoConnection.edges?.[0]?.node
|
|
const topMenuMobileLinks = top_menu.links.filter(link => link.show_on_mobile)
|
|
.sort((a, b) => a.sort_order_mobile < b.sort_order_mobile ? 1 : -1)
|
|
|
|
return (
|
|
<header className={styles.header} role="banner">
|
|
<OfflineBanner />
|
|
<TopMenu
|
|
frontpageLinkText={frontpage_link_text}
|
|
homeHref={homeHref}
|
|
links={top_menu.links}
|
|
/>
|
|
<MainMenu
|
|
frontpageLinkText={frontpage_link_text}
|
|
homeHref={homeHref}
|
|
links={menu.links}
|
|
logo={logo}
|
|
topMenuMobileLinks={topMenuMobileLinks}
|
|
/>
|
|
</header>
|
|
)
|
|
} catch (error) {
|
|
console.error(error)
|
|
return null
|
|
}
|
|
}
|