From 1fd7cdcbc38ae1ca3d5c080b8a07bc29511b7600 Mon Sep 17 00:00:00 2001
From: Hrishikesh Vaipurkar <hrishikesh.vaipurkar@scandichotels.com>
Date: Wed, 26 Jun 2024 18:31:56 +0200
Subject: [PATCH] feat: WEB-210 Rebased with develop branch

---
 .../MyPages/Blocks/Stays/StayCard/index.tsx   | 52 ++++++++++---------
 1 file changed, 27 insertions(+), 25 deletions(-)

diff --git a/components/MyPages/Blocks/Stays/StayCard/index.tsx b/components/MyPages/Blocks/Stays/StayCard/index.tsx
index 3659bb2fc..2b7fad71c 100644
--- a/components/MyPages/Blocks/Stays/StayCard/index.tsx
+++ b/components/MyPages/Blocks/Stays/StayCard/index.tsx
@@ -2,8 +2,8 @@ import { dt } from "@/lib/dt"
 
 import { CalendarIcon } from "@/components/Icons"
 import Image from "@/components/Image"
-import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Link from "@/components/TempDesignSystem/Link"
+import Caption from "@/components/TempDesignSystem/Text/Caption"
 import Title from "@/components/TempDesignSystem/Text/Title"
 
 import styles from "./stay.module.css"
@@ -22,29 +22,31 @@ export default function StayCard({ stay, lang }: StayCardProps) {
   const departDateTime = depart.format("YYYY-MM-DD")
 
   return (
-    <article className={styles.stay}>
-      <Image
-        className={styles.image}
-        alt={hotelInformation.hotelContent.images.metaData.altText}
-        src={hotelInformation.hotelContent.images.imageSizes.small}
-        width={420}
-        height={240}
-      />
-      <footer className={styles.footer}>
-        <Title as="h5" className={styles.hotel} level="h3">
-          {hotelInformation.hotelName}
-        </Title>
-        <div className={styles.date}>
-          <CalendarIcon color="burgundy" height={24} width={24} />
-          <Caption asChild>
-            <time dateTime={arrivalDateTime}>{arrivalDate}</time>
-          </Caption>
-          {" - "}
-          <Caption asChild>
-            <time dateTime={departDateTime}>{departDate}</time>
-          </Caption>
-        </div>
-      </footer>
-    </article>
+    <Link href={bookingUrl ?? ""}>
+      <article className={styles.stay}>
+        <Image
+          className={styles.image}
+          alt={hotelInformation.hotelContent.images.metaData.altText}
+          src={hotelInformation.hotelContent.images.imageSizes.small}
+          width={420}
+          height={240}
+        />
+        <footer className={styles.footer}>
+          <Title as="h5" className={styles.hotel} level="h3">
+            {hotelInformation.hotelName}
+          </Title>
+          <div className={styles.date}>
+            <CalendarIcon color="burgundy" height={24} width={24} />
+            <Caption asChild>
+              <time dateTime={arrivalDateTime}>{arrivalDate}</time>
+            </Caption>
+            {" - "}
+            <Caption asChild>
+              <time dateTime={departDateTime}>{departDate}</time>
+            </Caption>
+          </div>
+        </footer>
+      </article>
+    </Link>
   )
 }