From 9aeb38bef498962d03c366cae4a3eabb363256d5 Mon Sep 17 00:00:00 2001
From: Bianca Widstam <bianca.widstam@scandichotels.com>
Date: Thu, 15 May 2025 05:59:44 +0000
Subject: [PATCH] Merged in fix/SW-2756-hide-chevron-booking-summary (pull
 request #2102)

fix(SW-2756): hide chevron and remove button click for desktop

* fix(SW-2756): hide chevron and remove button click for desktop


Approved-by: Linus Flood
---
 .../HotelReservation/EnterDetails/Summary/UI/index.tsx        | 4 +++-
 .../HotelReservation/EnterDetails/Summary/UI/ui.module.css    | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
index d855f5680..510746d47 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/index.tsx
@@ -2,6 +2,7 @@
 
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
+import { useMediaQuery } from "usehooks-ts"
 
 import { Button } from "@scandic-hotels/design-system/Button"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
@@ -46,6 +47,7 @@ export default function SummaryUI({
 }: EnterDetailsSummaryProps) {
   const intl = useIntl()
   const lang = useLang()
+  const isDesktop = useMediaQuery("(min-width: 1367px)")
 
   const nights = dt(booking.toDate).diff(booking.fromDate, "days")
 
@@ -107,7 +109,7 @@ export default function SummaryUI({
       <header
         className={styles.header}
         role="button"
-        onClick={handleToggleSummary}
+        onClick={isDesktop ? undefined : handleToggleSummary}
       >
         <Subtitle className={styles.title} type="two">
           {intl.formatMessage({
diff --git a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
index ea19ce867..ccf5a7e7d 100644
--- a/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
+++ b/apps/scandic-web/components/HotelReservation/EnterDetails/Summary/UI/ui.module.css
@@ -94,7 +94,7 @@
     display: block;
   }
 
-  .summary .header .chevronButton {
+  .summary .header .chevronIcon {
     display: none;
   }
 }