af7c5853db
fix(SW-1742): fixed issue where mobile menu is not closed when clicking on a link * fix(SW-1742): fixed issue where mobile menu is not closed when clicking on a link Approved-by: Fredrik Thorsson Approved-by: Matilda Landström
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import { Suspense } from "react"
|
|
|
|
import { NavigationMenuListSkeleton } from "./NavigationMenu/NavigationMenuList"
|
|
import { LogoLink } from "./LogoLink"
|
|
import { MobileMenuSkeleton } from "./MobileMenu"
|
|
import MobileMenuWrapper from "./MobileMenuWrapper"
|
|
import MyPagesMenuWrapper, {
|
|
MyPagesMenuWrapperSkeleton,
|
|
} 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>
|
|
<Suspense fallback={<MyPagesMenuWrapperSkeleton />}>
|
|
<MyPagesMenuWrapper />
|
|
</Suspense>
|
|
<Suspense fallback={<MobileMenuSkeleton />}>
|
|
<MobileMenuWrapper>
|
|
<NavigationMenu isMobile={true} />
|
|
</MobileMenuWrapper>
|
|
</Suspense>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
)
|
|
}
|