feat: post type 탭 suspesne=false

go-cham · Aug 27, 2023 · fcf75e7 · fcf75e7
1 parent c96ff2c
commit fcf75e7
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/src/features/posts/queries/useGetPosts.tsx b/src/features/posts/queries/useGetPosts.tsx
@@ -35,10 +35,12 @@ export function useGetPosts({
   initialPostId,
   userId,
   type,
+  suspense = true,
 }: {
   initialPostId?: number;
   userId?: number;
   type: POST_TYPE;
+  suspense?: boolean;
 }) {
   const { data, ...queryInfo } = useInfiniteQuery({
     queryKey: ['posts', { initialPostId, userId, type }],
@@ -50,7 +52,7 @@ export function useGetPosts({
           type === POST_TYPE.PARTICIPATED ? userId : undefined,
       }),
     getNextPageParam: (lastPage) => lastPage.meta.nextId,
-    suspense: true,
+    suspense,
     staleTime: 1000 * 60 * 5, // 5분
   });
   const { hasNextPage, fetchNextPage } = queryInfo;

diff --git a/src/features/user/components/PostTypeTabList/PostTypeTabList.tsx b/src/features/user/components/PostTypeTabList/PostTypeTabList.tsx
@@ -15,10 +15,12 @@ export function PostTypeTabList({
   const { totalCount: myPostsCount } = useGetPosts({
     userId: user?.id,
     type: POST_TYPE.MY,
+    suspense: false,
   });
   const { totalCount: participatedPostsCount } = useGetPosts({
     userId: user?.id,
     type: POST_TYPE.PARTICIPATED,
+    suspense: false,
   });
 
   const handleTabSelect = (postType: POST_TYPE) => {

diff --git a/src/pages/user/UserPage.tsx b/src/pages/user/UserPage.tsx
@@ -42,12 +42,10 @@ export default function UserPage() {
       <UserPageHeader />
       <Divider className={'my-[1.9rem]'} />
       <main className={'flex h-full min-h-0 w-full flex-col'}>
-        <Suspense fallback={'fuck'}>
-          <PostTypeTabList
-            selectedPostType={selectedPostType}
-            onSelect={handlePostTypeSelect}
-          />
-        </Suspense>
+        <PostTypeTabList
+          selectedPostType={selectedPostType}
+          onSelect={handlePostTypeSelect}
+        />
         <Spacing size={'2.1rem'} />
         <div
           id={selectedPostType}