Merge pull request #156 from bsideproject/moon

[feat] Room 등록 step3 이미지 등록 부분 수정
bsideproject · Sep 21, 2023 · 51910bf · 51910bf
2 parents e044fc1 + 8961c4b
commit 51910bf
Showing 1 changed file with 5 additions and 2 deletions.
diff --git 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;