ThisWeek 리스트 페이지 구현

[froggy1014]

PR 타입 ( 하나 이상의 PR 타입을 선택해주세요 )

• 기능 추가
• 버그 수정
• 의존성, 환경 변수, 빌드 관련 코드 업데이트
• 기타 사소한 수정

개요

Close #30

변경 사항

Page단에서 페칭했었는데, 그럴 필요가 없을 것 같아서 리스트 컴포넌트에서 직접 페칭하도록 수정했습니다.

export default async function Page() {
  const hotFestivals = await getHotFestival();
  return (
    <div className="mb-[60px] mt-[44px]">
      <HomeHeader />
      <HomeView hotFestivals={hotFestivals} />
      <NavigationBar />
    </div>
  );

export default async function Page() {
  return (
    <div className="mb-[60px] mt-[44px]">
        <FestivalHot />
        <FestivalThisWeek />
      <NavigationBar />
    </div>
  );

const FestivalHot = async () => {
  const hotFestivals = await getHotFestival();

  return (
    {.....componets}
  );
};

const FestivalThisWeek = async () => {
  const thisWeekFestivals = await getThisWeekFestival();

  return (
    {.....componets}
  );
};

---

페이지네이션 컴포넌트에 아래 프롭스 추가했습니다.

더미데이터를 작업해서 놓친부분.. 수정했습니다.

<Pagination
        currentPath={FIESTA_ENDPOINTS.festivals.thisWeek}
        currentPage={parsedParams.page}
        totalPage={festivals.totalPages} <- 추가
        size={parsedParams.size} <- 추가
      />

코드 리뷰시 참고 사항

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
fiesta	❌ Failed (Inspect)			Aug 18, 2024 1:09pm

[Zero-1016]

고생하셨습니다! 정민님은 모듈화를 잘하시는것 같네요!

코드를 보고 배울 점이 많습니다!