chore: 프로필 수정 모달 가독성을 위한 코드 정리

price-offer · Jan 31, 2024 · 30bcbb5 · 30bcbb5
1 parent e01a786
commit 30bcbb5
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/shop/EditProfileModal/index.tsx b/src/components/shop/EditProfileModal/index.tsx
@@ -33,14 +33,12 @@ export const EditProfileModal = ({
   onClose,
   onConfirm
 }: EditProfileModalProps): ReactElement => {
-  const validateNickname = useValidateNickname()
-
   const [profileForm, setProfileForm] = useState<EditProfileForm>(profile)
   const [nickNameValidate, setNickNameValidate] = useState(
     initialNickNameValidate
   )
+  const validateNickname = useValidateNickname()
   const createUploadImage = useCreateUploadImagesMutation()
-  const canEdit = nickNameValidate.isSuccess || profileForm.image.file
 
   const handleChangeProfileImage = async (
     image: EditProfileForm['image']
@@ -60,9 +58,11 @@ export const EditProfileModal = ({
   }
 
   const { uploaderRef, openUploader, changeImage } = useImageUploader({
-    onChange: async image => handleChangeProfileImage(image)
+    onChange: handleChangeProfileImage
   })
 
+  const canEdit = nickNameValidate.isSuccess || profileForm.image.file
+
   const handleChangeNickname: ChangeEventHandler<HTMLInputElement> = e => {
     setProfileForm({ ...profileForm, nickname: e.target.value })
   }