From 2407f40b75a87b351efe8b0d64b26430a47bdc57 Mon Sep 17 00:00:00 2001
From: Chuma McPhoy <chuma.mcphoy@scandichotels.com>
Date: Wed, 14 Aug 2024 21:01:56 +0200
Subject: [PATCH] fix(SW-188): replace formatMessage destructuring in hotel
 related components

---
 .../HotelPage/Rooms/RoomCard/index.tsx        |  8 +++--
 .../HotelPage/TabNavigation/index.tsx         |  4 +--
 server/routers/hotels/query.ts                |  2 +-
 server/routers/hotels/tempHotelData.json      | 31 +++++++++++++++++++
 4 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx b/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx
index a42124498..6acdea99e 100644
--- a/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx
+++ b/components/ContentType/HotelPage/Rooms/RoomCard/index.tsx
@@ -19,7 +19,7 @@ export function RoomCard({
   subtitle,
   title,
 }: RoomCardProps) {
-  const { formatMessage } = useIntl()
+  const intl = useIntl()
   const mainImage = images[0]
 
   function handleImageClick() {
@@ -37,7 +37,7 @@ export function RoomCard({
       <button className={styles.imageWrapper} onClick={handleImageClick}>
         {badgeTextTransKey && (
           <span className={styles.badge}>
-            {formatMessage({ id: badgeTextTransKey })}
+            {intl.formatMessage({ id: badgeTextTransKey })}
           </span>
         )}
         <span className={styles.imageCount}>
@@ -67,7 +67,9 @@ export function RoomCard({
           variant="underscored"
           onClick={handleRoomCtaClick}
         >
-          {formatMessage({ id: "hotelPages.rooms.roomCard.seeRoomDetails" })}
+          {intl.formatMessage({
+            id: "hotelPages.rooms.roomCard.seeRoomDetails",
+          })}
         </Link>
       </div>
     </article>
diff --git a/components/ContentType/HotelPage/TabNavigation/index.tsx b/components/ContentType/HotelPage/TabNavigation/index.tsx
index 453894b0f..4a36a9324 100644
--- a/components/ContentType/HotelPage/TabNavigation/index.tsx
+++ b/components/ContentType/HotelPage/TabNavigation/index.tsx
@@ -10,7 +10,7 @@ import { HotelHashValues } from "@/types/components/hotelPage/tabNavigation"
 
 export default function TabNavigation() {
   const hash = useHash()
-  const { formatMessage } = useIntl()
+  const intl = useIntl()
   const hotelTabLinks: { href: HotelHashValues; text: string }[] = [
     { href: HotelHashValues.overview, text: "Overview" },
     { href: HotelHashValues.rooms, text: "Rooms" },
@@ -35,7 +35,7 @@ export default function TabNavigation() {
             color="burgundy"
             textDecoration="none"
           >
-            {formatMessage({ id: link.text })}
+            {intl.formatMessage({ id: link.text })}
           </Link>
         )
       })}
diff --git a/server/routers/hotels/query.ts b/server/routers/hotels/query.ts
index 60a4b7d0a..fd541d7ae 100644
--- a/server/routers/hotels/query.ts
+++ b/server/routers/hotels/query.ts
@@ -1,4 +1,4 @@
-import * as api from "@/lib/api"
+// import * as api from "@/lib/api"
 import { badRequestError } from "@/server/errors/trpc"
 import { publicProcedure, router, serviceProcedure } from "@/server/trpc"
 import { toApiLang } from "@/server/utils"
diff --git a/server/routers/hotels/tempHotelData.json b/server/routers/hotels/tempHotelData.json
index 03db51994..78f2098ec 100644
--- a/server/routers/hotels/tempHotelData.json
+++ b/server/routers/hotels/tempHotelData.json
@@ -7,6 +7,37 @@
       "isPublished": true,
       "cityId": "8ec4bba3-1c38-4606-82d1-bbe3f6738e54",
       "cityName": "Stockholm",
+      "ratings": {
+        "tripAdvisor": {
+          "numberOfReviews": 2776,
+          "rating": 4.0,
+          "ratingImageUrl": "https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/4.5-15458-5.svg",
+          "webUrl": "https://www.tripadvisor.com/Hotel_Review-g189852-d229383-Reviews-Scandic_Continental-Stockholm.html",
+          "awards": [
+            {
+              "displayName": "Travelers Choice",
+              "images": {
+                "small": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2024_L.png",
+                "medium": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2024_L.png",
+                "large": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2024_L.png"
+              }
+            },
+            {
+              "displayName": "Travelers Choice",
+              "images": {
+                "small": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2023_L.png",
+                "medium": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2023_L.png",
+                "large": "https://static.tacdn.com/img2/travelers_choice/widgets/tchotel_2023_L.png"
+              }
+            }
+          ],
+          "reviews": {
+            "widgetHtmlTagId": "TA_cdspropertydetail",
+            "widgetScriptEmbedUrlIframe": "//www.tripadvisor.com/WidgetEmbed-cdspropertydetail?locationId=12441627&partnerId=FDF3F5CC73C349C0A5AB94C0DD86BB76&lang=en&display=true",
+            "widgetScriptEmbedUrlJavaScript": "//www.tripadvisor.com/WidgetEmbed-cdspropertydetail?locationId=12441627&partnerId=FDF3F5CC73C349C0A5AB94C0DD86BB76&lang=en&display=false"
+          }
+        }
+      },
       "address": {
         "streetAddress": "Vasagatan 22",
         "city": "Stockholm",