From 40e4e0c19b2f6f814d6fe1b728856ccbe7450b3c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EB=B0=95=EC=9A=A9=EC=84=9D?= <4up456@naver.com> Date: Tue, 4 Mar 2025 23:40:46 +0900 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20Fix:=20=20=EB=A6=AC=EB=B7=B0=20?= =?UTF-8?q?=EB=93=B1=EB=A1=9D=EC=8B=9C=20=EC=82=AC=EC=A7=84=EC=B0=8D?= =?UTF-8?q?=EC=96=B4=EC=84=9C=20=EC=98=AC=EB=A6=AC=EB=8A=94=EA=B2=8C=20?= =?UTF-8?q?=EA=B0=80=EB=8A=A5=ED=95=98=EB=8F=84=EB=A1=9D=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../reviews/_components/ReviewEditorModal.tsx | 20 +++++++++++++++---- 1 file changed, 16 insertions(+), 4 deletions(-) diff --git a/src/app/reviews/_components/ReviewEditorModal.tsx b/src/app/reviews/_components/ReviewEditorModal.tsx index e18d55e..e759e14 100644 --- a/src/app/reviews/_components/ReviewEditorModal.tsx +++ b/src/app/reviews/_components/ReviewEditorModal.tsx @@ -87,12 +87,23 @@ const ReviewEditorModal = ({ const handleFocusContent = () => { setIsContentValid(true) } - const handleImageUpload = (e: React.ChangeEvent) => { + const handleImageUpload = async (e: React.ChangeEvent) => { const file = e.target.files?.[0] if (!file) return - setValue('image', file) - setValue('imagePreview', URL.createObjectURL(file)) - setValue('isImageChanged', true) + + try { + setValue('image', file) + setValue('imagePreview', URL.createObjectURL(file)) + setValue('isImageChanged', true) + } catch (error) { + console.error('이미지 업로드 중 오류 발생:', error) + toast({ + title: '이미지 업로드에 실패했어요.', + description: '다시 시도해주세요.', + variant: 'destructive', + position: 'center', + }) + } } const handleImageDelete = () => { @@ -233,6 +244,7 @@ const ReviewEditorModal = ({