scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More PR fixes

Browse Source
This commit is contained in:
Linus Flood
2024-09-19 09:07:51 +02:00
parent 98b48b8290
commit ff7dc69f7e
3 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/Header/MainMenu/MobileMenu/index.tsx
View File

@@ -1,6 +1,6 @@
"use client" "use client"
import { useEffect } from "react" import { Suspense, useEffect } from "react"
import { Dialog, Modal } from "react-aria-components" import { Dialog, Modal } from "react-aria-components"
import { useIntl } from "react-intl" import { useIntl } from "react-intl"
@@ -62,7 +62,9 @@ export default function MobileMenu({ languageUrls, topLink }: MobileMenuProps) {
className={styles.dialog} className={styles.dialog}
aria-label={intl.formatMessage({ id: "Menu" })} aria-label={intl.formatMessage({ id: "Menu" })}
> >
<NavigationMenu isMobile={true} /> <Suspense fallback={"Loading nav"}>
<NavigationMenu isMobile={true} />
</Suspense>
<footer className={styles.footer}> <footer className={styles.footer}>
<HeaderLink href="#"> <HeaderLink href="#">
<SearchIcon width={20} height={20} color="burgundy" /> <SearchIcon width={20} height={20} color="burgundy" />

2
components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
View File

@@ -1,5 +1,3 @@
"use client"
import NavigationMenuItem from "../NavigationMenuItem" import NavigationMenuItem from "../NavigationMenuItem"
import styles from "../navigationMenu.module.css" import styles from "../navigationMenu.module.css"

22
components/Header/MainMenu/index.tsx
View File

@@ -20,18 +20,16 @@ export default async function MainMenu() {
<div className={styles.mainMenu}> <div className={styles.mainMenu}>
<nav className={styles.nav}> <nav className={styles.nav}>
<NextLink className={styles.logoLink} href={`/${lang}`}> <NextLink className={styles.logoLink} href={`/${lang}`}>
<Suspense> <Image
<Image alt={intl.formatMessage({ id: "Back to scandichotels.com" })}
alt={intl.formatMessage({ id: "Back to scandichotels.com" })} className={styles.logo}
className={styles.logo} data-js="scandiclogoimg"
data-js="scandiclogoimg" data-nosvgsrc="/_static/img/scandic-logotype.png"
data-nosvgsrc="/_static/img/scandic-logotype.png" itemProp="logo"
itemProp="logo" height={22}
height={22} src="/_static/img/scandic-logotype.svg"
src="/_static/img/scandic-logotype.svg" width={103}
width={103} />
/>
</Suspense>
</NextLink> </NextLink>
<div className={styles.menus}> <div className={styles.menus}>
<Suspense fallback={"Loading nav"}> <Suspense fallback={"Loading nav"}>