FE-20-app-community-booking-section

[FE-20] 앱 소모임 예약 섹션 컴포넌트 (A-B1)

작업 내용 (설계 의도)

변경 사항

mobile/components/community/CommunityBookingSection.tsx 신규(standalone — 모임 상세 통합은 FE-25).

• props: communityId, membership(방장 여부·멤버십).
• useCommunityBookings(communityId)(FE-09)로 연결 예약 목록(시설·일시·정원 표시).
• 방장(HOST)만 [활동 예약 연결] 버튼 노출 → communities/[id]/bookings/new(FE-21) 이동.
• 멤버십 게이트: PRIVATE 비멤버 잠금 UI. 4상태(로딩/0건 “연결된 예약이 없어요”/에러/리스트). 색 토큰.

근거: design-fe-app A-B1, FR-13~15.

의존

• FE-09 (useCommunityBookings)

다이어그램

클래스 의존

flowchart LR
    Section["CommunityBookingSection"] --> Hook["useCommunityBookings (FE-09)"]
    Section --> UI["components/ui"]
    Integ["communities/[id] (FE-25)"] --> Section

테스트 케이스

• 연결 예약이 시설·일시·정원과 함께 카드로 렌더된다
• 방장에게만 [활동 예약 연결] 버튼이 노출된다
• 0건 시 “연결된 예약이 없어요”가 렌더된다
• PRIVATE 비멤버에게 잠금 UI가 렌더된다
• 라이트/다크 렌더