From 058f0cc898a7e17bbbcfbd42f7c916c800354cc5 Mon Sep 17 00:00:00 2001
From: Christel Westerberg <christel.westerberg@scandichotels.com>
Date: Wed, 8 May 2024 15:16:51 +0200
Subject: [PATCH] feat: add hotel image

---
 components/MyPages/Blocks/Stays/StayCard/index.tsx     |  7 +++++++
 .../MyPages/Blocks/Stays/StayCard/stay.module.css      |  9 +++++++++
 server/routers/user/output.ts                          |  2 +-
 server/routers/user/query.ts                           | 10 ++++++----
 4 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/components/MyPages/Blocks/Stays/StayCard/index.tsx b/components/MyPages/Blocks/Stays/StayCard/index.tsx
index 8bd0e0a86..385c89624 100644
--- a/components/MyPages/Blocks/Stays/StayCard/index.tsx
+++ b/components/MyPages/Blocks/Stays/StayCard/index.tsx
@@ -19,6 +19,13 @@ export default function StayCard({ stay, lang }: StayCardProps) {
 
   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"
diff --git a/components/MyPages/Blocks/Stays/StayCard/stay.module.css b/components/MyPages/Blocks/Stays/StayCard/stay.module.css
index e27a8f5da..526f32c64 100644
--- a/components/MyPages/Blocks/Stays/StayCard/stay.module.css
+++ b/components/MyPages/Blocks/Stays/StayCard/stay.module.css
@@ -6,6 +6,15 @@
   flex-shrink: 0;
   flex-basis: 32rem;
   height: 34rem;
+  overflow: hidden;
+}
+
+.image {
+  height: auto;
+  width: 100%;
+  min-height: 22rem;
+  object-fit: cover;
+  overflow: hidden;
 }
 
 .footer {
diff --git a/server/routers/user/output.ts b/server/routers/user/output.ts
index 16452f742..1e21dd73d 100644
--- a/server/routers/user/output.ts
+++ b/server/routers/user/output.ts
@@ -48,7 +48,7 @@ export const getStaysSchema = z.object({
             }),
           }),
           hotelName: z.string(),
-          cityName: z.string(),
+          cityName: z.string().nullable(),
         }),
         confirmationNumber: z.string(),
         checkinDate: z.string(),
diff --git a/server/routers/user/query.ts b/server/routers/user/query.ts
index 25032645c..e6c90f610 100644
--- a/server/routers/user/query.ts
+++ b/server/routers/user/query.ts
@@ -80,10 +80,10 @@ export const userQueryRouter = router({
   stays: router({
     previous: protectedProcedure.input(staysInput).query(async (opts) => {
       try {
-        const { limit: perPage, cursor } = opts.input
+        const { limit, cursor } = opts.input
 
         const params = new URLSearchParams()
-        params.set("limit", perPage.toString())
+        params.set("limit", limit.toString())
 
         if (cursor) {
           params.set("offset", cursor.toString())
@@ -114,6 +114,7 @@ export const userQueryRouter = router({
 
         const apiJson = await apiResponse.json()
         if (!apiJson.data?.length) {
+          console.error(`Get Previous Stays - No data found from api call`)
           throw internalServerError()
         }
 
@@ -143,10 +144,10 @@ export const userQueryRouter = router({
 
     upcoming: protectedProcedure.input(staysInput).query(async (opts) => {
       try {
-        const { limit: perPage, cursor } = opts.input
+        const { limit, cursor } = opts.input
 
         const params = new URLSearchParams()
-        params.set("limit", perPage.toString())
+        params.set("limit", limit.toString())
 
         if (cursor) {
           params.set("offset", cursor.toString())
@@ -177,6 +178,7 @@ export const userQueryRouter = router({
 
         const apiJson = await apiResponse.json()
         if (!apiJson.data?.length) {
+          console.error(`Get Upcoming Stays - No data found from api call`)
           throw internalServerError()
         }