feat(SW-791): make confirmation page dynamic

2024-11-06 16:31:03 +01:00
parent e6a70a0a8a
commit 0897a398ee
35 changed files with 983 additions and 577 deletions
--- a/components/HotelReservation/BookingConfirmation/HotelImage/index.tsx
+++ b/components/HotelReservation/BookingConfirmation/HotelImage/index.tsx
@@ -0,0 +1,24 @@
+import { getBookingConfirmation } from "@/lib/trpc/memoizedRequests"
+
+import Image from "@/components/Image"
+
+import styles from "./image.module.css"
+
+import type { BookingConfirmationProps } from "@/types/components/hotelReservation/bookingConfirmation/bookingConfirmation"
+
+export default async function HotelImage({
+  confirmationNumber,
+}: BookingConfirmationProps) {
+  const { hotel } = await getBookingConfirmation(confirmationNumber)
+  return (
+    <aside className={styles.imageContainer}>
+      <Image
+        alt={hotel.hotelContent.images.metaData.altText}
+        height={256}
+        src={hotel.hotelContent.images.imageSizes.medium}
+        title={hotel.hotelContent.images.metaData.title}
+        width={256}
+      />
+    </aside>
+  )
+}