ce469bc4b4
* feat(BOOK-117): Added aria-label to Scandic Friends levels * feat(BOOK-117): Added aria-label to hotel logos * feat(BOOK-117): Added alt text to app download images * feat(BOOK-117): Added same logo component to footer as the one in the header * feat(BOOK-117): Added aria attributes to icons similar to how we handled MaterialIcon aria attributes Approved-by: Bianca Widstam Approved-by: Matilda Landström
32 lines
987 B
TypeScript
32 lines
987 B
TypeScript
import { Suspense } from "react"
|
|
|
|
import { LogoLink } from "../../LogoLink"
|
|
import { NavigationMenuListSkeleton } from "./NavigationMenu/NavigationMenuList"
|
|
import { MobileMenuSkeleton } from "./MobileMenu"
|
|
import MobileMenuWrapper from "./MobileMenuWrapper"
|
|
import MyPagesMenuWrapper from "./MyPagesMenuWrapper"
|
|
import NavigationMenu from "./NavigationMenu"
|
|
|
|
import styles from "./mainMenu.module.css"
|
|
|
|
export default function MainMenu() {
|
|
return (
|
|
<div className={styles.mainMenu}>
|
|
<nav className={styles.nav}>
|
|
<LogoLink />
|
|
<div className={styles.menus}>
|
|
<Suspense fallback={<NavigationMenuListSkeleton />}>
|
|
<NavigationMenu isMobile={false} />
|
|
</Suspense>
|
|
<MyPagesMenuWrapper />
|
|
<Suspense fallback={<MobileMenuSkeleton />}>
|
|
<MobileMenuWrapper>
|
|
<NavigationMenu isMobile={true} />
|
|
</MobileMenuWrapper>
|
|
</Suspense>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|