feat: add hotel image

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"

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 {

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(),

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()
         }