Skip to content

상태 요약 카드를 공용 컴포넌트로 통합 #120

Open

Description

@sangrae2325

어떤 기능인가요?

"상태 배지 + 제목 + 라벨/값 행" 요약 카드를 components/ui/의 공용 컴포넌트 하나로 모읍니다.

아래 세 곳이 흰 바탕 rounded-xl p-4 카드에 ContentBadge(small·solid·accent) → heading2 제목 → label2 라벨/값 행(gap-1.5)을 같은 마크업으로 각자 그리고 있습니다. 컴포넌트 컨벤션의 "두 번째 화면에서 재사용되면 components/ui/로 옮긴다" 기준을 넘었습니다.

위치 화면 PR
EventsApplicationSummary 행사 신청내역 상세 (행사·신청·취소 행) #116
FeePaymentCard 위쪽 카드 학생회비 납부내역 (납부일시·확인일시 행) #113
LockersAssignmentContent 배정 요약 카드 사물함 배정 상태 (신청일시·사용기한 행) #113

세 PR이 서로 달라서 각 PR에서는 바꾸지 않고, 둘 다 머지된 뒤 이 이슈에서 한 번에 맞춥니다.

📝 작업 상세 내용

  • components/ui/에 요약 카드 컴포넌트 추가 — 배지(label·color), 제목, 라벨/값 행 배열을 받는다
  • EventsApplicationSummary·FeePaymentCard·LockersAssignmentContent를 공용 컴포넌트로 교체 (화면 모양 변화 없음 — 바꾸기 전과 캡처 비교)
  • 카드 아래에 붙는 내용(학생회비 확인필요 사유·문의하기 카드 등)은 카드 밖에 그대로 둘지, 슬롯으로 받을지 정한다
  • wds-component-usage.md의 "카드·요약은 Stream 로컬" 설명을 공용 컴포넌트 기준으로 갱신

📁 참고 자료 (선택)

Activity

  1. self-assigned this
    on Oct 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions