diff --git a/src/app/reviews/_components/CompletedReview.tsx b/src/app/reviews/_components/CompletedReview.tsx index c2ebc5b..57b2f6d 100644 --- a/src/app/reviews/_components/CompletedReview.tsx +++ b/src/app/reviews/_components/CompletedReview.tsx @@ -53,8 +53,6 @@ const CompletedReview = ({ review, offSeparator }: CompletedReviewProps) => { const handleClickDeleteButton = () => { showModal({ content: , - useAnimation: true, - useDimmedClickClose: true, }) } @@ -145,7 +143,7 @@ const CompletedReview = ({ review, offSeparator }: CompletedReviewProps) => { {!representativeImageErrors[review.reviewId] && review.representativeImageUri && ( 리뷰 사진 { const { hideModal } = modalStore() - const { mutate: postReview } = usePostReview() - const { mutate: patchReview } = usePatchReview() + const { mutate: postReview, isPending: isPosting } = usePostReview() + const { mutate: patchReview, isPending: isPatching } = usePatchReview() const { toast } = useToast() const { register, handleSubmit, watch, setValue } = useForm({ @@ -48,7 +51,7 @@ const ReviewEditorModal = ({ content: prevData?.clientReviewContent || '', deliveryQuality: prevData?.deliveryQuality || '', image: null, - imagePreview: prevData?.representativeImageUri || null, + imagePreview: prevData?.representativeImageUri + `?v=${Date.now()}` || null, isImageChanged: false, }, }) @@ -58,7 +61,6 @@ const ReviewEditorModal = ({ const quantityScore = watch('quantityScore') const content = watch('content') const deliveryQuality = watch('deliveryQuality') - const imagePreview = watch('imagePreview') const isFormValid = @@ -67,7 +69,18 @@ const ReviewEditorModal = ({ quantityScore > 0 && content.length >= 5 && (deliveryQuality === 'GOOD' || deliveryQuality === 'BAD') + const [isContentValid, setIsContentValid] = useState(true) + const handleBlurContent = () => { + if (content.length < 5) { + setIsContentValid(false) + } else { + setIsContentValid(true) + } + } + const handleFocusContent = () => { + setIsContentValid(true) + } const handleImageUpload = (e: React.ChangeEvent) => { const file = e.target.files?.[0] if (!file) return @@ -144,97 +157,122 @@ const ReviewEditorModal = ({ }, } ) - console.log('πŸš€ data.image:', data.image) } } return ( -
-
- -
{storeName}
-
-
이 κ°€κ²Œλ₯Ό μΆ”μ²œν•˜μ‹œκ² μ–΄μš”?
-
{orderSummary}
+ <> + {(isPosting || isPatching) && } +
+
+ +
{storeName}
+
- setValue('totalScore', value)} - size={40} - /> -
- setValue('tasteScore', value)} - /> - setValue('quantityScore', value)} - /> -
-
-