From d5c9a934f8c9148f4c5dd82fcc05cb907cf785fd Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Wed, 19 Jun 2024 10:37:00 +0200
Subject: [PATCH] feat: Add my pages linkk to desktop main menu and hide on
 mobile

---
 components/Current/Header/MainMenu/index.tsx           | 8 +++++---
 components/Current/Header/MainMenu/mainMenu.module.css | 7 +++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/components/Current/Header/MainMenu/index.tsx b/components/Current/Header/MainMenu/index.tsx
index ee91ce227..086631277 100644
--- a/components/Current/Header/MainMenu/index.tsx
+++ b/components/Current/Header/MainMenu/index.tsx
@@ -147,9 +147,11 @@ export function MainMenu({
             ) : null}
           </ul>
           <div className={styles.buttonContainer}>
-            <Link className={styles.link} href={myPages[lang]}>
-              {intl.formatMessage({ id: "My pages" })}
-            </Link>
+            <div className={styles.myPagesDesktopLink}>
+              <Link className={styles.link} href={myPages[lang]}>
+                {intl.formatMessage({ id: "My pages" })}
+              </Link>
+            </div>
             <BookingButton href={bookingHref} />
             {myPagesMobileDropdown && user ? (
               <div
diff --git a/components/Current/Header/MainMenu/mainMenu.module.css b/components/Current/Header/MainMenu/mainMenu.module.css
index a98eac70a..d37bfdc32 100644
--- a/components/Current/Header/MainMenu/mainMenu.module.css
+++ b/components/Current/Header/MainMenu/mainMenu.module.css
@@ -235,6 +235,10 @@
   gap: var(--Spacing-x3);
 }
 
+.myPagesDesktopLink {
+  display: none;
+}
+
 @media (min-width: 1367px) {
   .navBar {
     grid-template-columns: 140px auto 1fr;
@@ -336,4 +340,7 @@
   .avatarButton {
     display: none;
   }
+  .myPagesDesktopLink {
+    display: block;
+  }
 }