From ff7dc69f7e3de4f08a3ccaf07571e11629b1ab37 Mon Sep 17 00:00:00 2001
From: Linus Flood <linus.flood@scandichotels.com>
Date: Thu, 19 Sep 2024 09:07:51 +0200
Subject: [PATCH] More PR fixes

---
 .../Header/MainMenu/MobileMenu/index.tsx      |  6 +++--
 .../NavigationMenuList/index.tsx              |  2 --
 components/Header/MainMenu/index.tsx          | 22 +++++++++----------
 3 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/components/Header/MainMenu/MobileMenu/index.tsx b/components/Header/MainMenu/MobileMenu/index.tsx
index e5acd7642..fdffa1ce7 100644
--- a/components/Header/MainMenu/MobileMenu/index.tsx
+++ b/components/Header/MainMenu/MobileMenu/index.tsx
@@ -1,6 +1,6 @@
 "use client"
 
-import { useEffect } from "react"
+import { Suspense, useEffect } from "react"
 import { Dialog, Modal } from "react-aria-components"
 import { useIntl } from "react-intl"
 
@@ -62,7 +62,9 @@ export default function MobileMenu({ languageUrls, topLink }: MobileMenuProps) {
           className={styles.dialog}
           aria-label={intl.formatMessage({ id: "Menu" })}
         >
-          <NavigationMenu isMobile={true} />
+          <Suspense fallback={"Loading nav"}>
+            <NavigationMenu isMobile={true} />
+          </Suspense>
           <footer className={styles.footer}>
             <HeaderLink href="#">
               <SearchIcon width={20} height={20} color="burgundy" />
diff --git a/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
index bdc957582..c2e03886f 100644
--- a/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
+++ b/components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx
@@ -1,5 +1,3 @@
-"use client"
-
 import NavigationMenuItem from "../NavigationMenuItem"
 
 import styles from "../navigationMenu.module.css"
diff --git a/components/Header/MainMenu/index.tsx b/components/Header/MainMenu/index.tsx
index f897f8a84..41ba01b0a 100644
--- a/components/Header/MainMenu/index.tsx
+++ b/components/Header/MainMenu/index.tsx
@@ -20,18 +20,16 @@ export default async function MainMenu() {
     <div className={styles.mainMenu}>
       <nav className={styles.nav}>
         <NextLink className={styles.logoLink} href={`/${lang}`}>
-          <Suspense>
-            <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}
-            />
-          </Suspense>
+          <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}
+          />
         </NextLink>
         <div className={styles.menus}>
           <Suspense fallback={"Loading nav"}>