From 48b7c79953c2b3a78137656c8d9861aee4adf33c Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Wed, 10 Jul 2024 19:14:51 +0200
Subject: [PATCH] fix: accessing hotel in hotel reservation

---
 .../(live)/(public)/hotelreservation/select-hotel/page.tsx    | 4 ++--
 components/ContentType/HotelPage/IntroSection/index.tsx       | 4 ++--
 .../ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
index 9e1fc07d3..33df35812 100644
--- a/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
+++ b/app/[lang]/(live)/(public)/hotelreservation/select-hotel/page.tsx
@@ -9,12 +9,12 @@ import { LangParams, PageArgs } from "@/types/params"
 export default async function SelectHotelPage({
   params,
 }: PageArgs<LangParams>) {
-  const hotel = await serverClient().hotel.getHotel({
+  const { attributes } = await serverClient().hotel.getHotel({
     hotelId: "d98c7ab1-ebaa-4102-b351-758daf1ddf55",
     language: params.lang,
   })
 
-  const hotels = [hotel]
+  const hotels = [attributes]
 
   return (
     <main>
diff --git a/components/ContentType/HotelPage/IntroSection/index.tsx b/components/ContentType/HotelPage/IntroSection/index.tsx
index 007f2c0ac..5efb41292 100644
--- a/components/ContentType/HotelPage/IntroSection/index.tsx
+++ b/components/ContentType/HotelPage/IntroSection/index.tsx
@@ -3,7 +3,7 @@ import TripAdvisorIcon from "@/components/Icons/TripAdvisor"
 import Link from "@/components/TempDesignSystem/Link"
 import BiroScript from "@/components/TempDesignSystem/Text/BiroScript"
 import Body from "@/components/TempDesignSystem/Text/Body"
-import Subtitle from "@/components/TempDesignSystem/Text/Subtitle"
+import Preamble from "@/components/TempDesignSystem/Text/Preamble"
 import Title from "@/components/TempDesignSystem/Text/Title"
 import { getIntl } from "@/i18n"
 
@@ -55,7 +55,7 @@ export default async function IntroSection({
         </Link>
       </div>
       <div className={styles.subtitleContent}>
-        <Subtitle color="black">{hotelDescription}</Subtitle>
+        <Preamble>{hotelDescription}</Preamble>
         <Link
           className={styles.introLink}
           target="_blank"
diff --git a/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css b/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css
index 88446a44a..dab806d0d 100644
--- a/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css
+++ b/components/ContentType/HotelPage/Rooms/RoomCard/roomCard.module.css
@@ -1,6 +1,6 @@
 .roomCard {
   border-radius: var(--Corner-radius-Medium);
-  background-color: var(--Base-Surface-Primary-Normal);
+  background-color: var(--UI-Opacity-White-100);
   border: 1px solid var(--Base-Border-Subtle);
   display: grid;
 }