From 8961c4b64ea20b1646af69795410dcb31a3c29de Mon Sep 17 00:00:00 2001
From: JAEMOONLEE <leejaemoon@lotte.net>
Date: Thu, 21 Sep 2023 09:17:33 +0900
Subject: [PATCH] =?UTF-8?q?[feat]=20Room=20=EB=93=B1=EB=A1=9D=20step3=20?=
 =?UTF-8?q?=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EB=93=B1=EB=A1=9D=20=EB=B6=80?=
 =?UTF-8?q?=EB=B6=84=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/File/FileUpload.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/File/FileUpload.tsx b/components/File/FileUpload.tsx
index 75dad9e..65bea54 100644
--- a/components/File/FileUpload.tsx
+++ b/components/File/FileUpload.tsx
@@ -35,9 +35,12 @@ export default function FileUpload() {
         }) => (
           // write your building UI
           <div className="upload__image-wrapper flex items-center w-[600px] overflow-x-auto">
-            <div className={`relative w-[108px] h-[108px] mt-[8px]`} {...dragProps}> 
+            <div className={`relative w-[108px] h-[110px] mt-[8px]`} {...dragProps}> 
                 <Rectangle className="z-0" />
-                <RectangleCamera className={`absolute z-10 top-[45px] left-[55px] transform -translate-x-1/2 -translate-y-1/2 hover:cursor-pointer ${isDragging ? "bg-r1": ""}`} onClick={onImageUpload}/>
+                <RectangleCamera 
+                  className={`absolute z-10 top-[45px] left-[55px] transform -translate-x-1/2 -translate-y-1/2 hover:cursor-pointer ${isDragging ? "bg-r1": ""}`} 
+                  onClick={() => { (imageList || []).length < 5 && onImageUpload()}}
+                />
                 <span className={`absolute z-10 top-[67px] left-[55px] transform -translate-x-1/2 -translate-y-1/2 text-g4 semibold text-[12px] ${isDragging ? "text-r1": ""}`}>{(imageList || []).length}/{maxNumber}</span>
             </div>
             &nbsp;