feat(SW-914): back on track

components/ContentType/HotelPage/SidePeeks/index.ts

@@ -1,3 +1,4 @@
 export { default as AboutTheHotelSidePeek } from "./AboutTheHotel"
+export { default as AmenitiesSidePeek } from "./Amenities"
 export { default as RoomSidePeek } from "./Room"
 export { default as WellnessAndExerciseSidePeek } from "./WellnessAndExercise"

components/ContentType/HotelPage/index.tsx

@@ -2,7 +2,6 @@ import { notFound } from "next/navigation"
 
 import {
   activities,
-  amenities,
   meetingsAndConferences,
   restaurantAndBar,
 } from "@/constants/routes/hotelPageParams"
@@ -30,6 +29,7 @@ import PreviewImages from "./PreviewImages"
 import { Rooms } from "./Rooms"
 import {
   AboutTheHotelSidePeek,
+  AmenitiesSidePeek,
   RoomSidePeek,
   WellnessAndExerciseSidePeek,
 } from "./SidePeeks"
@@ -75,6 +75,7 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
     hotelFacts,
     location,
     ratings,
+    parking,
   } = hotelData.data.attributes
   const roomCategories =
     hotelData.included?.filter((item) => item.type === "roomcategories") || []
@@ -178,13 +179,11 @@ export default async function HotelPage({ hotelId }: HotelPageProps) {
       ) : null}
       <SidePeekProvider>
         {/* eslint-disable import/no-named-as-default-member */}
-        <SidePeek
-          contentKey={amenities[lang]}
-          title={intl.formatMessage({ id: "Amenities" })}
-        >
-          {/* TODO: Render amenities as per the design. */}
-          Read more about the amenities here
-        </SidePeek>
+        <AmenitiesSidePeek
+          amenitiesList={detailedFacilities}
+          parking={parking}
+          checkInInformation={hotelFacts.checkin}
+        />
         <AboutTheHotelSidePeek
           hotelAddress={address}
           coordinates={location}