From 0dee66060977a2e6280b742c024b66796dc5e1e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matilda=20Landstr=C3=B6m?=
 <matilda.landstrom@scandichotels.com>
Date: Tue, 28 Jan 2025 13:23:47 +0000
Subject: [PATCH] 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
---
 .../Amenities/AccordionAmenities/Parking/index.tsx        | 8 +++++---
 .../ContentType/HotelPage/SidePeeks/Amenities/index.tsx   | 7 +++++--
 components/ContentType/HotelPage/index.tsx                | 8 +++++++-
 server/routers/hotels/schemas/additionalData.ts           | 4 ++--
 types/components/hotelPage/sidepeek/amenities.ts          | 3 ++-
 types/components/hotelPage/sidepeek/parking.ts            | 3 ++-
 types/hotel.ts                                            | 3 +++
 7 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Parking/index.tsx b/components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Parking/index.tsx
index 364eee7b8..297df54a5 100644
--- a/components/ContentType/HotelPage/SidePeeks/Amenities/AccordionAmenities/Parking/index.tsx
+++ b/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>
diff --git a/components/ContentType/HotelPage/SidePeeks/Amenities/index.tsx b/components/ContentType/HotelPage/SidePeeks/Amenities/index.tsx
index d5cbbfc37..7d233dfa6 100644
--- a/components/ContentType/HotelPage/SidePeeks/Amenities/index.tsx
+++ b/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}
diff --git a/components/ContentType/HotelPage/index.tsx b/components/ContentType/HotelPage/index.tsx
index 598fdbe48..ee788dcc1 100644
--- a/components/ContentType/HotelPage/index.tsx
+++ b/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}
diff --git a/server/routers/hotels/schemas/additionalData.ts b/server/routers/hotels/schemas/additionalData.ts
index a47482d8a..ab2f26020 100644
--- a/server/routers/hotels/schemas/additionalData.ts
+++ b/server/routers/hotels/schemas/additionalData.ts
@@ -29,8 +29,8 @@ export const restaurantsOverviewPageSchema = z.object({
   restaurantsContentDescriptionMedium: z.string().optional(),
 })
 
-const extraPageSchema = z.object({
-  elevatorPitch: z.string().optional(),
+export const extraPageSchema = z.object({
+  elevatorPitch: z.string(),
   mainBody: z.string().optional(),
 })
 
diff --git a/types/components/hotelPage/sidepeek/amenities.ts b/types/components/hotelPage/sidepeek/amenities.ts
index fb6b1e023..0ae272bef 100644
--- a/types/components/hotelPage/sidepeek/amenities.ts
+++ b/types/components/hotelPage/sidepeek/amenities.ts
@@ -3,10 +3,11 @@ import type {
   RestaurantData,
   RestaurantOpeningHours,
 } from "@/types/hotel"
+import type { ParkingAmenityProps } from "./parking"
 
 export type AmenitiesSidePeekProps = {
   amenitiesList: Hotel["detailedFacilities"]
-  parking: Hotel["parking"]
+  parking: ParkingAmenityProps
   checkInInformation: Hotel["hotelFacts"]["checkin"]
   accessibility: Hotel["hotelFacts"]["hotelInformation"]["accessibility"]
   restaurants: RestaurantData[]
diff --git a/types/components/hotelPage/sidepeek/parking.ts b/types/components/hotelPage/sidepeek/parking.ts
index 6bda92d1c..08981c286 100644
--- a/types/components/hotelPage/sidepeek/parking.ts
+++ b/types/components/hotelPage/sidepeek/parking.ts
@@ -8,7 +8,8 @@ export enum Periods {
 
 export type ParkingAmenityProps = {
   parking: Hotel["parking"]
-  hasParkingPage?: boolean
+  parkingElevatorPitch: string
+  hasExtraParkingPage: boolean
 }
 
 export type ParkingListProps = {
diff --git a/types/hotel.ts b/types/hotel.ts
index 8ff28faf6..54448dd66 100644
--- a/types/hotel.ts
+++ b/types/hotel.ts
@@ -8,6 +8,7 @@ import type {
 } from "@/server/routers/hotels/output"
 import type {
   additionalDataSchema,
+  extraPageSchema,
   facilitySchema,
 } from "@/server/routers/hotels/schemas/additionalData"
 import type { imageSchema } from "@/server/routers/hotels/schemas/image"
@@ -41,6 +42,8 @@ export type CheckInData = z.infer<typeof checkinSchema>
 
 export type AdditionalData = z.infer<typeof additionalDataSchema>
 
+export type ExtraPageSchema = z.infer<typeof extraPageSchema>
+
 export type PointOfInterest = z.output<typeof pointOfInterestSchema>
 
 export enum PointOfInterestGroupEnum {