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

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({

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;
   }
 }