Feat[#224]: 마이페이지/신청한 예약 api 연동

[designsoo]

관련 문서

• issue: Feat: mypage 신청한 예약 api 연동 #224
• close Feat: mypage 신청한 예약 api 연동 #224

유형

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

작업 내용

• 마이페이지 신청한 예약 API 연동했습니다.
• [GET] 내 예약 리스트 조회
• [PATCH] 내 예약 취소
• [POST] 내 예약 리뷰 작성

설명

📌 기능

• 마이페이지로 이동 시 토큰 유무를 확인하고, 토큰이 없는 경우 랜딩 페이지로 리다이렉트합니다.
• 데이터 조회에 SSR과 react-query를 사용합니다.
• 리뷰 작성 조건: 예약 상태가 completed이고, 예약 날짜가 지난 경우, 예약 제출 현황이 false인 경우 리뷰 버튼이 표시됩니다.
• 리뷰를 작성한 후에는 리뷰 완료 버튼으로 변경됩니다.
• 예약은 pending 상태일 때만 취소할 수 있습니다.
• 예약이 확정된 이후에는 취소할 수 없습니다.

📌 UI

• PC 디바이스 이하에서는 예약 카드의 hover 효과를 제거했습니다.
• 리뷰 완료 버튼 스타일을 추가하였습니다.

스크린샷

📸 디바이스별 스크린샷

[grapefruit13]

LGTM