feat(SW-186): Some small changes and cleanup

components/Header/MainMenu/MobileMenu/index.tsx

@@ -19,6 +19,7 @@ import type { MobileMenuProps } from "@/types/components/header/mobileMenu"
 export default function MobileMenu({
   menuItems,
   languageUrls,
+  topLink,
 }: MobileMenuProps) {
   const intl = useIntl()
   const {
@@ -71,10 +72,12 @@ export default function MobileMenu({
               <SearchIcon width={20} height={20} color="burgundy" />
               {intl.formatMessage({ id: "Find booking" })}
             </HeaderLink>
-            <HeaderLink href="#">
+            {topLink ? (
-              <GiftIcon width={20} height={20} color="burgundy" />
+              <HeaderLink href={topLink.href}>
-              {intl.formatMessage({ id: "Join Scandic Friends" })}
+                <GiftIcon width={20} height={20} color="burgundy" />
-            </HeaderLink>
+                {topLink.title}
+              </HeaderLink>
+            ) : null}
             <HeaderLink href="#">
               <ServiceIcon width={20} height={20} color="burgundy" />
               {intl.formatMessage({ id: "Customer service" })}

components/Header/MainMenu/index.tsx

@@ -21,6 +21,7 @@ import type { MainMenuProps } from "@/types/components/header/mainMenu"
 export default async function MainMenu({
   languageUrls,
   menuItems,
+  topLink,
 }: MainMenuProps) {
   const intl = await getIntl()
   const lang = getLang()
@@ -46,9 +47,7 @@ export default async function MainMenu({
           />
         </NextLink>
         <div className={styles.menus}>
-          {menuItems?.length ? (
+          <NavigationMenu items={menuItems} isMobile={false} />
-            <NavigationMenu items={menuItems} isMobile={false} />
-          ) : null}
           {user ? (
             <>
               <MyPagesMenu
@@ -74,9 +73,11 @@ export default async function MainMenu({
               </span>
             </Link>
           )}
-          {menuItems?.length ? (
+          <MobileMenu
-            <MobileMenu languageUrls={languageUrls} menuItems={menuItems} />
+            languageUrls={languageUrls}
-          ) : null}
+            menuItems={menuItems}
+            topLink={topLink}
+          />
         </div>
       </nav>
     </div>

components/Header/index.tsx

@@ -19,6 +19,7 @@ export default async function Header() {
       <MainMenu
         languageUrls={languages.urls}
         menuItems={headerData.menuItems}
+        topLink={headerData.topLink}
       />
     </header>
   )

lib/graphql/Fragments/Refs/HotelPage/Breadcrumbs.graphql

@@ -1,48 +0,0 @@
-#import "../System.graphql"
-
-fragment HotelPageBreadcrumbsRefs on HotelPage {
-  web {
-    breadcrumbs {
-      title
-      parentsConnection {
-        edges {
-          node {
-            ... on ContentPage {
-              web {
-                breadcrumbs {
-                  title
-                }
-              }
-              system {
-                ...System
-              }
-            }
-            ... on HotelPage {
-              web {
-                breadcrumbs {
-                  title
-                }
-              }
-              system {
-                ...System
-              }
-            }
-            ... on LoyaltyPage {
-              web {
-                breadcrumbs {
-                  title
-                }
-              }
-              system {
-                ...System
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-  system {
-    ...System
-  }
-}

types/components/header/mainMenu.ts

@@ -1,7 +1,8 @@
-import { MenuItem } from "@/types/header"
+import { Header, MenuItem } from "@/types/header"
 import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 export interface MainMenuProps {
   languageUrls: LanguageSwitcherData
-  menuItems: MenuItem[] | null
+  menuItems: MenuItem[]
+  topLink: Header["topLink"]
 }

types/components/header/mobileMenu.ts

@@ -1,7 +1,8 @@
-import { MenuItem } from "@/types/header"
+import { Header, MenuItem } from "@/types/header"
 import type { LanguageSwitcherData } from "@/types/requests/languageSwitcher"
 
 export interface MobileMenuProps {
   languageUrls: LanguageSwitcherData
   menuItems: MenuItem[]
+  topLink: Header["topLink"]
 }