From 8d1312c0faaa600c5992e489acd2be64fa735594 Mon Sep 17 00:00:00 2001
From: Niclas Edenvin <niclas.edenvin@scandichotels.com>
Date: Tue, 22 Apr 2025 09:07:24 +0000
Subject: [PATCH] Merged in fix/sw-2444-view-all-on-mobile (pull request #1834)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(sw-2444): view all ancillaries mobile

* fix(sw-2444): view all ancillaries mobile

On mobile the view all button to show all ancillaries shouldn't be
shown. It's already a carousel showing all available ancillaries.


Approved-by: Bianca Widstam
Approved-by: Matilda Landström
---
 .../MyStay/Ancillaries/ancillaries.module.css             | 8 ++++++++
 .../HotelReservation/MyStay/Ancillaries/index.tsx         | 4 +++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/ancillaries.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/ancillaries.module.css
index a88f574b2..e8cc4fa06 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/ancillaries.module.css
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/ancillaries.module.css
@@ -15,6 +15,10 @@
   color: var(--Scandic-Brand-Burgundy);
 }
 
+.viewAllLink {
+  display: none;
+}
+
 .ancillaries {
   display: none;
 }
@@ -24,6 +28,10 @@
     display: none;
   }
 
+  .viewAllLink {
+    display: block;
+  }
+
   .ancillaries {
     display: grid;
     grid-template-columns: repeat(4, minmax(251px, 1fr));
diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/index.tsx b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/index.tsx
index 6a2e25de6..a35fa8514 100644
--- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/index.tsx
@@ -180,7 +180,9 @@ export function Ancillaries({
                   defaultMessage: "Upgrade your stay",
                 })}
               </Title>
-              <ViewAllAncillaries />
+              <div className={styles.viewAllLink}>
+                <ViewAllAncillaries />
+              </div>
             </div>
 
             <div className={styles.ancillaries}>