feat : 예약목록 조회를 url경로를 통해서 컨트롤 하도록 기능 구현 (페이지네이션)

🔥 Issues

🎯 작업 내용

코드삭제

🔥 불필요한 파일 삭제

api > v2 폴더에 새로운 파일들을 작성하며 기존 중복되는 기능을하는 코드들은 모두 삭제했습니다.

toolbar경로 변경

🐛 경로변경에 따른 toolbar설정 변경

기존 경로 : http://localhost:3000/manager/17/schedule 새 경로 : http://localhost:3000/manager/17/reservations/CONFIRMED/1

새로운 경로에는 두가지 정보를 추가해서 그에 맞게 예약 리스트를 조회 하도록 변경 되었습니다.

page : 예약리스트의 몇번째 페이지를 보여줄 건지 (default === 1)

status : "PENDING" | "CONFIRMED" | "CANCELED" | "COMPLETED" 4가지 예약 상태에 맞는 데이터를 불러옵니다.

api작성

✨ 예약목록 조회 api & useQuery작성

Woody님과 회의후 예약목록은 pagination형식으로 제공하자는 쪽으로 결정했습니다.

페이지네이션

페이지네이션 기능을 동작시키기 위해서 기존 폴더구조를 조금 변경했습니다.

dynamic router를 사용해 동적으로 생성되는 page값에 의해 정보를 불러올 수 있게 구조를 수정했습니다.
페이지네이션 특성상 뒤로가기를 지원하는 편이 더 좋은 경험일것이라고 판단했습니다.

적용

✨ 예약목록 조회데이터 ui에 적용

https://github.com/user-attachments/assets/4738540e-2d0a-4d9a-a44b-615d706cc7db

추후 예정된 작업

작업 범위가너무 커지는 것같아서 해당 pr에서는 두가지만 작업했습니다.

1. controll box에 의해서 어떤 예약목록을 볼 것인지 기능구현("대기","승인","완료","취소") 예약상태를 컨트롤
1. 예약상태에 맞는 예약 list 조회후 페이지네이션 형식으로 제공

추후 작업

1. 예약 상세보기 fetching
1. 예약 목록이 없을때 보여줄 ui작업

✅ 체크 리스트

[ ] Main 브랜치 Pull 받기
[ ] Issue 번호 설정 확인
[ ] Label 확인
[ ] Assignees 설정 확인
[ ] Reviewers 설정 확인

🙏 꼭 리뷰 남겨주세요.!!

아래 양식에 맞게 리뷰 부탁드립니다..!!
수정을 요구하는 게 아니라면, "Description" 을 꼭 남기지 않아도 좋습니다. 👍

# Request Level

<!--
  - [x] "🚨 꼭 수정해주세요.!"
-->

<!--
  - [x] "🚧 재고해주시길.."
-->

<!--
  - [x] "✅ LGTM"
-->

# Description

mobi-projects / nail-case-client

feat : 예약목록 조회를 url경로를 통해서 컨트롤 하도록 기능 구현 (페이지네이션) #239

🔥 Issues

🎯 작업 내용

코드삭제

toolbar경로 변경

api작성

적용

추후 예정된 작업

✅ 체크 리스트

🙏 꼭 리뷰 남겨주세요.!!