51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import Link from "next/link"
|
|
|
|
import { serverClient } from "@/lib/trpc/server"
|
|
|
|
import Image from "@/components/Image"
|
|
import { getIntl } from "@/i18n"
|
|
|
|
import { navigationMenuItems } from "../tempHeaderData"
|
|
import MobileMenu from "./MobileMenu"
|
|
import MyPagesMenu from "./MyPagesMenu"
|
|
import NavigationMenu from "./NavigationMenu"
|
|
|
|
import styles from "./mainMenu.module.css"
|
|
|
|
import { MainMenuProps } from "@/types/components/header/mainMenu"
|
|
|
|
export default async function MainMenu({ languageUrls }: MainMenuProps) {
|
|
const intl = await getIntl()
|
|
const myPagesNavigation =
|
|
await serverClient().contentstack.myPages.navigation.get()
|
|
|
|
const user = await serverClient().user.name()
|
|
|
|
return (
|
|
<div className={styles.mainMenu}>
|
|
<nav className={styles.nav}>
|
|
<Link className={styles.logoLink} href="/">
|
|
<Image
|
|
alt={intl.formatMessage({ id: "Back to scandichotels.com" })}
|
|
className={styles.logo}
|
|
data-js="scandiclogoimg"
|
|
data-nosvgsrc="/_static/img/scandic-logotype.png"
|
|
itemProp="logo"
|
|
height={22}
|
|
src="/_static/img/scandic-logotype.svg"
|
|
width={103}
|
|
/>
|
|
</Link>
|
|
<div className={styles.menus}>
|
|
<NavigationMenu items={navigationMenuItems} />
|
|
<MyPagesMenu navigation={myPagesNavigation} user={user} />
|
|
<MobileMenu
|
|
languageUrls={languageUrls}
|
|
mainNavigation={navigationMenuItems}
|
|
/>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|