3434 <div class =" flex gap-6" >
3535 <label
3636 for =" fileInput"
37- class =" mt-3 text-xs text-primary1 font-semibold cursor-pointer hover:underline"
37+ class =" mt-3 text-xs text-primary3 font-semibold cursor-pointer hover:underline"
3838 >변경</label
3939 >
4040 <label
@@ -286,12 +286,12 @@ const handleFileDelete = () => {
286286}
287287
288288const handleSubmit = async () => {
289- modalHeader .value = ' 정보 수정 중 입니다...'
290- modalBody .value = ' 잠시만 기다려주세요'
291- modalType .value = ' loadingType'
292- isModalVisible .value = true
293-
294289 if (isInvalid .value == false && isFull .value == false ) {
290+ modalHeader .value = ' 정보 수정 중 입니다...'
291+ modalBody .value = ' 잠시만 기다려주세요'
292+ modalType .value = ' loadingType'
293+ isModalVisible .value = true
294+
295295 const formData = new FormData ()
296296 const memberInfo = {
297297 name: DOMPurify .sanitize (name .value ),
@@ -310,10 +310,14 @@ const handleSubmit = async () => {
310310 selectedFile .value = null
311311 }
312312
313- await patchEditInfo (formData )
314- isModalVisible .value = false
315- isSuccessModalVisible .value = true
316- await memberStore .updateMemberInfoWithToken ()
313+ try {
314+ await patchEditInfo (formData )
315+ isModalVisible .value = false
316+ isSuccessModalVisible .value = true
317+ await memberStore .updateMemberInfoWithToken ()
318+ } catch {
319+ isModalVisible .value = false
320+ }
317321 }
318322}
319323 </script >
0 commit comments