✨ Feat: 초대 내역 컴포넌트 (대시보드 수정 페이지)

[wjsdncl]

작업 설명

초대 내역 컴포넌트 구현

초대 내역 컴포넌트를 구현하여 사용자가 대시보드에 초대된 사용자의 목록을 확인하고 관리할 수 있도록 합니다. 초대 목록을 표시하고, 페이지네이션을 통해 목록을 쉽게 탐색할 수 있게 합니다. 초대하기 버튼을 통해 새로운 초대를 할 수 있도록 모달을 연결합니다.

이미지 참조

API

• 대시보드 초대 불러오기
  • (GET) baseURL/{teamId}/dashboards/{dashboardId}/invitations
• 대시보드 초대 취소하기
  • (DELETE) baseURL/{teamId}/dashboards/{dashboardId}/invitations/{invitationId}

State

• 초대 목록 배열
• 페이지네이션

세부 작업 목록

• 초대 목록 배열 표시
  • 초대된 사용자의 이메일 및 상태를 표시
• 페이지네이션 구현
  • 페이지 전환 기능 구현
• 초대하기 버튼 구현 및 초대하기 모달 오픈 기능 연결
  • 초대하기 버튼을 클릭하면 초대하기 모달이 열리도록 설정
• 초대 내역 아이템 컴포넌트 구현 (.map 사용)
  • 각 초대 내역 아이템에 이메일 및 취소 버튼 표시
• 초대 취소 버튼 클릭 시 초대 취소 기능 구현
  • 초대 취소 버튼을 클릭하면 해당 초대를 취소
  • 초대 취소 버튼을 클릭하면 취소 확인 모달 표시

관련 이슈

• 선행 이슈 (이전에 해결해야할 이슈)
  • 대시보드 수정 컴포넌트 (#n)
• 후행 이슈 (이 작업이 선행되는 이슈)
  • 초대 내역 아이템 컴포넌트

코멘트 (optional)

• 취소 버튼 눌렀을 때 취소 확인 모달 표시하는게 좋겠죠?
• 초대 내역 아이템 컴포넌트도 이슈로 빼야할 까요?