구현한 내용
예약 상세페이지에 리뷰 등록 버튼 추가
예약 상세페이지에서 이용이 완료된 예약 내역에 한하여 리뷰 등록 버튼을 추가했다.
리뷰를 이미 등록했다면 리뷰 수정으로 버튼을 바꿔야 할 것 같다.
예약하기 페이지에서 달력 컴포넌트 수정
달력을 표시하는 CalendarCustom 컴포넌트에 있던 startDate, endDate(체크인/체크아웃 날짜)를 예약하기 페이지 컴포넌트인 HotelReservation으로 이동시키고 CalendarCustom에 props로 전달해서 사용하기로 했다.
useState로 상태 업데이트하는 함수까지 같이 전달해서 CalendarCustom 컴포넌트에서 변경된 값을 그대로 사용할 수 있게 했다.
이제 HotelReservation에서 사용자가 선택한 체크인/체크아웃 날짜 정보를 사용할 수 있다.
예약 버튼 눌렀을 때 예약 정보 처리
예약하기 페이지에서 예약하기 버튼을 누르면 isPaid=false인 예약 정보를 전송해서 reservations 테이블에 저장한다.
저장하고 그 데이터의 id를 응답으로 보내 결제하기 페이지로 이동한다.
It's me, jkeum!