Merged in feat/SW-1207-parking-teaser (pull request #1217)

Feat(SW-1207): Add parking elevator pitch to hotel sidepeek

* feat(SW-1207): Add parking elevator pitch to hotel sidepeek

* fix(SW-1207): remove optional from parking elevator pitch


Approved-by: Erik Tiekstra
Approved-by: Fredrik Thorsson

components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Parking/index.tsx

@@ -17,7 +17,8 @@ import { IconName } from "@/types/components/icon"
 
 export default async function ParkingAmenity({
   parking,
-  hasParkingPage,
+  parkingElevatorPitch,
+  hasExtraParkingPage,
 }: ParkingAmenityProps) {
   const intl = await getIntl()
 
@@ -29,6 +30,7 @@ export default async function ParkingAmenity({
       trackingId="amenities:parking"
     >
       <div className={styles.wrapper}>
+        {parkingElevatorPitch}
         {parking.map((data) => (
           <div key={data.type} className={styles.information}>
             <div className={styles.list}>
@@ -84,14 +86,14 @@ export default async function ParkingAmenity({
           </div>
         ))}
       </div>
-      {hasParkingPage && (
+      {hasExtraParkingPage && (
         <Button
           className={styles.parkingPageLink}
           theme="base"
           intent="secondary"
           asChild
         >
-          {/* Not decided how to handle linking to separate parking page */}
+          {/* TODO: Add URL to separate parking page */}
           <Link href="#" color="burgundy" weight="bold">
             {intl.formatMessage({ id: "About parking" })}
           </Link>

components/ContentType/HotelPage/SidePeeks/Amenities/index.tsx

@@ -58,8 +58,11 @@ export default async function AmenitiesSidePeek({
       title={intl.formatMessage({ id: "Amenities" })}
     >
       <Accordion>
-        {parking.length ? <ParkingAmenity parking={parking} /> : null}
-
+        <ParkingAmenity
+          parking={parking.parking}
+          parkingElevatorPitch={parking.parkingElevatorPitch}
+          hasExtraParkingPage={parking.hasExtraParkingPage}
+        />
         {breakfastOpeningHours && (
           <BreakfastAmenity
             openingHours={breakfastOpeningHours.openingHours}

components/ContentType/HotelPage/index.tsx

@@ -85,6 +85,8 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
     conferencesAndMeetings,
     hotelRoomElevatorPitchText,
     gallery,
+    hotelParking,
+    displayWebPage,
   } = additionalData
 
   const images = gallery?.smallerImages
@@ -208,7 +210,11 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
       <SidePeekProvider>
         <AmenitiesSidePeek
           amenitiesList={detailedFacilities}
-          parking={parking}
+          parking={{
+            parking: parking,
+            parkingElevatorPitch: hotelParking.elevatorPitch,
+            hasExtraParkingPage: displayWebPage.parking,
+          }}
           checkInInformation={hotelFacts.checkin}
           accessibility={hotelFacts.hotelInformation.accessibility}
           restaurants={restaurants}