Chore: 소스 복구

y-solb · Jul 7, 2024 · f4f600b · f4f600b
1 parent 3ea8625
commit f4f600b
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -13,9 +13,8 @@ export default async function Home() {
   const queryClient = new QueryClient()
   await queryClient.prefetchInfiniteQuery({
     queryKey: ['portfolioList'],
-    queryFn: ({ pageParam }) => getPortfolioList(pageParam as number),
+    queryFn: ({ pageParam }) => getPortfolioList(pageParam),
     initialPageParam: 1,
-    staleTime: 30 * 1000,
   })
   const dehydratedState = dehydrate(queryClient)
   return (

diff --git a/src/containers/main/RecentPortfolioList.tsx b/src/containers/main/RecentPortfolioList.tsx
@@ -2,24 +2,25 @@
 
 import PortfolioList from '@/components/portfolio/PortfolioList'
 import { useInfinitePortfolioQuery } from '@/hooks/queries/portfolio'
-// import useInfiniteScroll from '@/hooks/useInfiniteScroll'
+import useInfiniteScroll from '@/hooks/useInfiniteScroll'
 import { useMemo, useRef } from 'react'
 
 function RecentPortfolioList() {
-  const { data, isFetchingNextPage } = useInfinitePortfolioQuery()
+  const { data, hasNextPage, fetchNextPage, isFetchingNextPage } =
+    useInfinitePortfolioQuery()
 
   const portfolios = useMemo(() => {
     return [...(data?.pages?.flatMap((page) => page.data) || [])]
   }, [data])
 
-  // const fetchMorePortfolio = () => {
-  //   if (!isFetchingNextPage && hasNextPage) {
-  //     fetchNextPage()
-  //   }
-  // }
+  const fetchMorePortfolio = () => {
+    if (!isFetchingNextPage && hasNextPage) {
+      fetchNextPage()
+    }
+  }
   const loaderRef = useRef<HTMLDivElement>(null)
 
-  // useInfiniteScroll(loaderRef, fetchMorePortfolio)
+  useInfiniteScroll(loaderRef, fetchMorePortfolio)
 
   return (
     <PortfolioList

diff --git a/src/hooks/queries/portfolio.ts b/src/hooks/queries/portfolio.ts
@@ -20,22 +20,22 @@ import {
 export const useInfinitePortfolioQuery = () => {
   return useInfiniteQuery({
     queryKey: ['portfolioList'],
-    queryFn: ({ pageParam }) => getPortfolioList(pageParam as number),
+    queryFn: ({ pageParam }) => getPortfolioList(pageParam),
     getNextPageParam: (lastPage) => {
       const {
         meta: { currentPage, hasNextPage },
       } = lastPage
       return hasNextPage ? currentPage + 1 : undefined
     },
     initialPageParam: 1,
-    staleTime: 30 * 1000,
+    staleTime: 60 * 1000,
   })
 }
 
 export const useInfiniteLikePortfolioQuery = () => {
   return useInfiniteQuery({
     queryKey: ['likePortfolioList'],
-    queryFn: ({ pageParam }) => getLikePortfolioList(pageParam as number),
+    queryFn: ({ pageParam }) => getLikePortfolioList(pageParam),
     getNextPageParam: (lastPage) => {
       const {
         meta: { currentPage, hasNextPage },