Merged in feat(SW-1274)-modify-date-my-stay (pull request #1528)

Feat(SW-1274) modify date my stay

* feat(SW-1676): Modify guest details step 1

* feat(SW-1676) Integration to api to update guest details

* feat(SW-1676) Reuse of old modal

* feat(SW-1676) updated modify guest

* feat(SW-1676) cleanup

* feat(SW-1274) modify stay modal and datepicker

* feat(SW-1274) DatePicker from modify dates

* feat(SW-1274) Modify dates fixes and merge conflicts

* feat(SW-1274) handle modify for multiroom

* feat(SW-1274) update manage stay

* feat(SW-1274) fixed some comments

* feat(SW-1274) use Modal instead

* feat(SW-1274) fixed formatChildBedPreferences

* feat(SW-1274) removed any as prop

* feat(SW-1274) fix rebase conflicts

* feat(SW-1274) fix flicker on modify modal

* feat(SW-1274) CalendarButton

* feat(SW-1274) fixed gap variable

* feat(SW-1274) simplified code

* feat(SW-1274) Split up DatePicker on mode

* feat(SW-1274) Updated file structure for datepicker


Approved-by: Arvid Norlin

apps/scandic-web/components/HotelReservation/MyStay/index.tsx

@@ -70,21 +70,23 @@ export async function MyStay({ refId }: { refId: string }) {
       supportedCards,
     })
 
+    const imageSrc =
+      hotel.hotelContent.images.imageSizes.large ??
+      additionalData.gallery?.heroImages[0]?.imageSizes.large ??
+      hotel.galleryImages[0]?.imageSizes.large
+
     return (
       <main className={styles.main}>
         <div className={styles.imageContainer}>
           <div className={styles.blurOverlay} />
-
-          <Image
-            className={styles.image}
-            src={
-              additionalData.gallery?.heroImages[0]?.imageSizes.large ??
-              hotel.galleryImages[0]?.imageSizes.large ??
-              ""
-            }
-            alt={hotel.name}
-            fill
-          />
+          {imageSrc && (
+            <Image
+              className={styles.image}
+              src={imageSrc}
+              alt={hotel.name}
+              fill
+            />
+          )}
         </div>
         <div className={styles.content}>
           <div className={styles.headerContainer}>
@@ -92,6 +94,7 @@ export async function MyStay({ refId }: { refId: string }) {
             <ReferenceCard
               booking={booking}
               hotel={hotel}
+              user={user}
               savedCreditCards={savedCreditCards}
               refId={refId}
             />