Feat[#146]: 마이페이지 - 내가 신청한 예약 탭 컨텐츠 구현

[designsoo]

관련 문서

• issue: Feat: 신청한 예약 페이지 UI 구현 #146
• close Feat: 신청한 예약 페이지 UI 구현 #146

유형

• 기능 구현
• UI 구현
• 리팩토링
• 버그 해결
• 문서 업데이트
• 기타( )

작업 내용

• 마이페이지 - 내가 신청한 예약 페이지 탭 컨텐츠 구현

설명

📌 기능

• 리뷰 작성 API 수정
• 리액트 쿼리 적용
• 예약 취소
• filter, sort, pagination 훅 연동
• 타이틀로 들어오는 다양한 값을 delimiter 기준으로 자르고 객체로 변환하는 유틸함수 구현

📌 UI

• 카드 스켈레톤 컴포넌트 구현
• 카드 전용 버튼 컴포넌트 구현
• 디바이스 1440px 이하일 경우 Header 컴포넌트 및 공용 Layout 수정
• 반응형

스크린샷

🎥 모션 영상

1️⃣ 카드 스켈레톤

loading.mov

2️⃣ Filter, Sort, Pagination

default.mov

3️⃣ Header

header.mov

📸 디바이스별 스크린샷

1️⃣ 카드 스켈레톤

2️⃣ 내가 신청한 예약 탭 컨텐츠

[grapefruit13]

LGTM

[CheeseB]

LGTM

[ccwnc]

LGTM