Merged in feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow (pull request #2600)

feat(SW-2873): Move HotelReservationSidePeek to booking-flow * Move sidepeek store to booking-flow * Begin move of HotelReservationSidePeek to booking-flow * Copy Link * Update AccessibilityAccordionItem * Split AccessibilityAccordionItem into two components * Fix tracking for Accordion * Duplicate ButtonLink to booking-flow TEMP * AdditionalAmeneties * wip * Move sidepeek accordion items * Remove temp ButtonLink * Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow * Fix accordion tracking * Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow * Update exports * Fix self-referencing import * Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow * Add 'use client' to tracking function * Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow * Fix TEMP folder * Refactor sidepeek tracking * Merge branch 'master' into feat/sw-3218-move-hotelreservationsidepeek-to-booking-flow Approved-by: Joakim Jäderberg
2025-08-14 12:25:40 +00:00
parent f04e476a6e
commit 322268595d
53 changed files with 826 additions and 425 deletions
--- a/packages/booking-flow/lib/components/AdditionalAmenities/additionalAmenities.module.css
+++ b/packages/booking-flow/lib/components/AdditionalAmenities/additionalAmenities.module.css
@@ -0,0 +1,17 @@
+.wrapper {
+  padding: var(--Space-x1) var(--Space-x0);
+  border-bottom: 1px solid var(--Base-Border-Subtle);
+  color: var(--Text-Interactive-Default);
+}
+
+.amenity {
+  display: flex;
+  gap: var(--Space-x1);
+  padding: var(--Space-x15) var(--Space-x1);
+}
+
+.amenityName {
+  display: flex;
+  align-items: center;
+  min-height: var(--Space-x3);
+}
--- a/packages/booking-flow/lib/components/AdditionalAmenities/index.tsx
+++ b/packages/booking-flow/lib/components/AdditionalAmenities/index.tsx
@@ -0,0 +1,46 @@
+import { Typography } from "@scandic-hotels/design-system/Typography"
+import { FacilityEnum } from "@scandic-hotels/trpc/enums/facilities"
+
+import { FacilityToIcon } from "../TEMP/FacilityToIcon"
+
+import styles from "./additionalAmenities.module.css"
+
+import type { DetailedFacility } from "@scandic-hotels/trpc/types/hotel"
+
+interface AdditionalAmenitiesProps {
+  amenities: DetailedFacility[]
+}
+
+export default function AdditionalAmenities({
+  amenities,
+}: AdditionalAmenitiesProps) {
+  const amenitiesToIgnore = [
+    FacilityEnum.ParkingAdditionalCost,
+    FacilityEnum.ParkingElectricCharging,
+    FacilityEnum.ParkingFreeParking,
+    FacilityEnum.ParkingGarage,
+    FacilityEnum.ParkingOutdoor,
+    FacilityEnum.MeetingArea,
+    FacilityEnum.ServesBreakfastAlwaysIncluded,
+    FacilityEnum.LateCheckOutUntil1400Guaranteed,
+  ]
+
+  const filteredAmenities = amenities.filter(
+    (amenity) => !amenitiesToIgnore.includes(amenity.id)
+  )
+
+  return filteredAmenities?.map((amenity) => (
+    <Typography key={amenity.name} variant="Title/Subtitle/md">
+      <li className={styles.wrapper}>
+        <div className={styles.amenity}>
+          <FacilityToIcon
+            id={amenity.id}
+            color="Icon/Interactive/Default"
+            size={24}
+          />
+          <span className={styles.amenityName}>{amenity.name}</span>
+        </div>
+      </li>
+    </Typography>
+  ))
+}