fix(admin): 공연 등록 실패 시 에러 안내 및 제출 중 상태 처리

[ryanproback]

문제

2026-08-19 오전, 주최자가 PC에서 공연 등록 마지막(사전 질문) 단계에서 CTA를 눌러도 아무 반응이 없다는 문의가 들어왔다.

실제 원인은 서버 앞단 WAF(ModSecurity 932130) 오탐으로 POST /web/v1/host/shows가 403으로 차단된 것이었다(→ team-fire-squirrel/boolti-api#388). 다만 어떤 이유로 실패하든 사용자에게는 "먹통"으로만 보이는 프론트 문제가 함께 있었다.

ShowAddPage의 제출 핸들러에 예외 처리가 없어 요청이 실패하면 unhandled rejection으로 조용히 삼켜지고, 토스트도 로딩 표시도 뜨지 않는다.

const body = await getBasicBody();          // 실패 시 여기서 그대로 reject
const showId = await addShowMutation.mutateAsync({ ...body, ...ticketBody });
onSuccessAddShow(showId);

그 결과 사용자는 버튼을 계속 눌렀고, 서버에는 이미지 업로드 URL 발급 요청이 180건(45회 재시도 × 4) 쌓였다.

변경

• 티켓 판매 공연 / 미판매 공연 등록 경로 모두 try-catch로 감싸고 실패 시 토스트 노출
  • 공연을 등록하지 못했어요. 잠시 후 다시 시도해 주세요.
  • 원본 에러는 console.error로 남겨 디버깅 가능하게 유지
• 제출 중에는 버튼을 비활성화하고 라벨을 등록 중...으로 변경해 중복 요청 방지

테스트

• 공연 등록 정상 완료 (기존 동작 유지)
• 등록 요청 실패 시 에러 토스트 노출 + 버튼 재활성화
• 제출 중 버튼 비활성화 / 등록 중... 표시
• 티켓 미판매(FREE) 공연 등록도 동일하게 동작

🤖 Generated with Claude Code

[netlify]

✅ Deploy Preview for dev-place-boolti ready!

Name	Link
🔨 Latest commit	7a16860
🔍 Latest deploy log	https://app.netlify.com/projects/dev-place-boolti/deploys/6a85161ed49a2f0008c35662
😎 Deploy Preview	https://deploy-preview-448--dev-place-boolti.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Puterism]

#462 에서 반영하겠습니다!