feat: 서버에서 이미지 업로드 구현시까지, 관련 코드 주석 처리 및 사용자에게 메시지 알림

oduck-team · Jan 13, 2024 · 3c7adb7 · 3c7adb7
1 parent 5beb130
commit 3c7adb7
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/features/users/api/profile.ts b/src/features/users/api/profile.ts
@@ -63,8 +63,12 @@ export default class ProfileApi {
       data.append(key, value);
     }
 
-    if (backgroundImage) data.append("backgroundImage", backgroundImage);
-    if (thumbnailImage) data.append("thumbnail", thumbnailImage);
+    //TODO: 서버에서 이미지 업로드 구현 시, 주석 해제
+    if (backgroundImage && thumbnailImage) {
+      console.log("");
+    }
+    // if (backgroundImage) data.append("backgroundImage", backgroundImage);
+    // if (thumbnailImage) data.append("thumbnail", thumbnailImage);
 
     return await patch("/members", form);
   }

diff --git a/src/features/users/routes/Edit/EditForm/ImageCropModal.style.ts b/src/features/users/routes/Edit/EditForm/ImageCropModal.style.ts
@@ -19,3 +19,8 @@ export const CropperContainer = styled.div`
 export const RangeInput = styled.input`
   margin: 16px 0 4px;
 `;
+
+export const Information = styled.span`
+  ${({ theme }) => theme.typo["body-2-r"]}
+  color: ${({ theme }) => theme.colors.warn[60]};
+`;
diff --git a/src/features/users/routes/Edit/EditForm/ImageCropModal.tsx b/src/features/users/routes/Edit/EditForm/ImageCropModal.tsx
@@ -8,6 +8,7 @@ import { dataURLtoFile, getCroppedImg } from "@/libs/imageCrop";
 import {
   ContentContainer,
   CropperContainer,
+  Information,
   RangeInput,
 } from "./ImageCropModal.style";
 
@@ -83,6 +84,7 @@ export default function ImageCropModal({
               setZoom(Number(e.target.value))
             }
           />
+          <Information>이미지 저장은 아직 지원되지 않습니다.</Information>
         </ContentContainer>
       </Modal.Content>
       <Modal.Actions>