Skip to content

feat(platform): 전역 Toast 알림 컴포넌트 도입#94

Merged
BcKmini merged 1 commit into
mainfrom
feature/issue-89-toast
Jul 21, 2026
Merged

feat(platform): 전역 Toast 알림 컴포넌트 도입#94
BcKmini merged 1 commit into
mainfrom
feature/issue-89-toast

Conversation

@BcKmini

@BcKmini BcKmini commented Jul 21, 2026

Copy link
Copy Markdown
Member

개요

초안 저장, 구성원 초대, 승인 권한 토글, 승인 요청 등 주요 액션이 TODO(backend)만 실행하고 시각적 피드백이 전혀 없어 사용자가 액션이 처리됐는지 알 수 없었다.

변경 사항

  • toastStore.ts 신규: Zustand 기반, showToast(message)로 토스트 추가, 3초 후 자동 제거
  • ToastViewport.tsx/.module.css 신규: role="status" aria-live="polite", 개별 닫기 버튼, AppLayout에 마운트
  • 다음 액션에 성공 토스트 연결: SettingsPage(승인 권한 토글, 구성원 초대), CaseDetailPage(초안 저장, 승인 요청), ReviewWorkPage/CreateWorkPage(초안 저장)
  • 테스트: store 동작(추가/자동제거/개별삭제), ToastViewport 렌더링, 각 페이지의 토스트 트리거

완료 조건

  • Toast 컴포넌트 + 트리거 훅/스토어
  • 초안 저장, 구성원 초대, 승인 권한 토글, 승인 요청 등 주요 액션에 연결
  • 자동 사라짐(수 초 후) + 접근성(role="status")
  • 테스트 작성

검증

  • npm run lint
  • npm run test (전체 119개 통과)
  • npm run build

Closes #89

초안 저장·구성원 초대·승인 권한 토글·승인 요청 등 주요 액션이
TODO(backend)만 실행하고 시각적 피드백이 없어 실제로 처리됐는지 알 수
없었다. Zustand 기반 toastStore와 ToastViewport를 추가하고 AppLayout에
마운트해, 위 액션들에 짧은 성공 토스트를 붙였다. role="status"로
스크린리더에도 알림이 전달되고 3초 후 자동으로 사라진다.

Closes #89
@BcKmini
BcKmini merged commit 82ed794 into main Jul 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Feature] 전역 Toast 알림 컴포넌트 도입

1 participant