From d6cb2032aad2d76ed28bb89a84100cf13025e0f5 Mon Sep 17 00:00:00 2001
From: ywlee <zestlee1106@gmail.com>
Date: Thu, 19 Oct 2023 19:56:28 +0900
Subject: [PATCH] =?UTF-8?q?[fix]=20=EC=83=81=EC=84=B8=EB=8A=94=20=EB=98=90?=
 =?UTF-8?q?=20=ED=95=84=EB=93=9C=EB=AA=85=EC=9D=B4=20=EB=8B=A4=EB=A5=B4?=
 =?UTF-8?q?=EB=84=A4...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/RoomCard/RoomCard.tsx | 2 +-
 pages/room/[id].tsx              | 6 +++---
 public/types/room.ts             | 3 ++-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/RoomCard/RoomCard.tsx b/components/RoomCard/RoomCard.tsx
index a19433b..f159cec 100644
--- a/components/RoomCard/RoomCard.tsx
+++ b/components/RoomCard/RoomCard.tsx
@@ -124,7 +124,7 @@ export default function RoomCard({ room, onClick }: CardProps) {
   return (
     <Card
       title={<UserInfo userInfo={room?.user} />}
-      content={<Photo photos={room.images} onClick={onClick} />}
+      content={<Photo photos={room.images || []} onClick={onClick} />}
       footer={<Footer room={room} />}
     />
   );
diff --git a/pages/room/[id].tsx b/pages/room/[id].tsx
index 8d6b403..6318c7b 100644
--- a/pages/room/[id].tsx
+++ b/pages/room/[id].tsx
@@ -206,7 +206,7 @@ export default function RoomDetail() {
         {room && (
           <>
             <div className="font-pretendard w-full mb-[71px]">
-              {room.images.length > 0 ? (
+              {(room.imageFiles || []).length > 0 ? (
                 <Swiper
                   effect="coverflow"
                   slidesPerView={1}
@@ -214,13 +214,13 @@ export default function RoomDetail() {
                   className="mySwiper !mx-[-20px] h-[240px] relative"
                   onSlideChangeTransitionEnd={(event) => handleSlideChange(event.realIndex)}
                 >
-                  {room.images.map((image, idx) => (
+                  {(room.imageFiles || []).map((image, idx) => (
                     <SwiperSlide className={styles['swiper-slide']} key={`room-image-${idx}`}>
                       <img src={image.path} alt={`room-${idx}`} />
                     </SwiperSlide>
                   ))}
                   <div className={styles.tag}>
-                    {currentSlide + 1}/{room.images.length}
+                    {currentSlide + 1}/{(room.imageFiles || []).length}
                   </div>
                 </Swiper>
               ) : (
diff --git a/public/types/room.ts b/public/types/room.ts
index 8f4095c..e06853c 100644
--- a/public/types/room.ts
+++ b/public/types/room.ts
@@ -144,7 +144,8 @@ export interface RoomSearch {
   furnishings: FurnishingData[];
   availableDate: string;
   description: string;
-  images: ImageFile[];
+  images?: ImageFile[];
+  imageFiles?: ImageFile[];
   user: User;
   furnishingsData?: string[];
 }