refactor: SkeletonWrapper를 이용하여 0.3초 미만에는 스켈레톤 보이지 않도록 설정

pickly-team · Jul 20, 2023 · af65c2b · af65c2b · vercel · Jul 20, 2023
1 parent 21248d0
commit af65c2b
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/pages/LikePage.tsx b/src/pages/LikePage.tsx
@@ -5,6 +5,7 @@ import Header from '@/common-ui/Header/Header';
 import { Suspense } from 'react';
 import BookmarkLikeList from '@/bookmarks/ui/Like/BookmarkLikeList';
 import SkeletonBookmarkLikeList from '@/bookmarks/ui/Like/SkeletonBookmarkLikeList';
+import SkeletonWrapper from '@/common-ui/SkeletonWrapper';
 
 const LikePage = () => {
   const showBackButton = true;
@@ -14,7 +15,13 @@ const LikePage = () => {
     <Layout>
       <Header title={title} showBackButton={showBackButton} />
       <LBody>
-        <Suspense fallback={<SkeletonBookmarkLikeList />}>
+        <Suspense
+          fallback={
+            <SkeletonWrapper>
+              <SkeletonBookmarkLikeList />
+            </SkeletonWrapper>
+          }
+        >
           <BookmarkLikeList />
         </Suspense>
       </LBody>