chore: suspense 범위 수정

depromeet · Nov 26, 2024 · 9b5d3d4 · 9b5d3d4
1 parent 684abd3
commit 9b5d3d4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 17 deletions.
diff --git a/app/profile/[id]/page.tsx b/app/profile/[id]/page.tsx
@@ -1,11 +1,7 @@
 'use client';
 
 import NotFound from '@/app/not-found';
-import {
-  BackButton,
-  GlobalNavigationBar,
-  HeaderBar,
-} from '@/components/molecules';
+import { GlobalNavigationBar, HeaderBar } from '@/components/molecules';
 import { ProfileContainerSkeleton, useProfileData } from '@/features/profile';
 import {
   MyPageHeader,
@@ -34,9 +30,9 @@ export default function Profile({ params }: Mypage) {
     return (
       <article className={containerStyle}>
         <HeaderBar>
-          <HeaderBar.LeftContent>
+          {/* <HeaderBar.LeftContent>
             <BackButton />
-          </HeaderBar.LeftContent>
+          </HeaderBar.LeftContent> */}
         </HeaderBar>
         <ProfileContainerSkeleton />
         <GlobalNavigationBar />

diff --git a/features/profile/components/molecules/profile-container-skeleton.tsx b/features/profile/components/molecules/profile-container-skeleton.tsx
@@ -1,3 +1,4 @@
+import { RecommendedProfileCardListSkeleton } from '@/features/profile-recommend';
 import { css } from '@/styled-system/css';
 import { flex } from '@/styled-system/patterns';
 
@@ -25,6 +26,7 @@ export function ProfileContainerSkeleton() {
         </div>
         <div className={followerFollowingButton} />
       </div>
+      <RecommendedProfileCardListSkeleton />
       <div className={tabContainserStyles}>
         <div className={tabItemStyles}>
           <div className={tabStyles} />

diff --git a/features/profile/components/organisms/my-page.tsx b/features/profile/components/organisms/my-page.tsx
@@ -1,18 +1,13 @@
 'use client';
 
 import Link from 'next/link';
-import { lazy, Suspense, useState } from 'react';
+import { useState } from 'react';
 
 import { Button } from '@/components/atoms';
 import { StatisticsIcon } from '@/components/atoms';
 import BadgeIcon from '@/components/atoms/icons/badge-icon';
 import { Tab, TabItem } from '@/components/molecules';
-const LazyRecommendedProfileCardList = lazy(() =>
-  import('@/features/profile-recommend').then((module) => ({
-    default: module.RecommendedProfileCardList,
-  })),
-);
-import { RecommendedProfileCardListSkeleton } from '@/features/profile-recommend';
+import { RecommendedProfileCardList } from '@/features/profile-recommend';
 import { useToast } from '@/hooks';
 import { css } from '@/styled-system/css';
 import { flex } from '@/styled-system/patterns';
@@ -66,9 +61,7 @@ export function MyProfile({
           />
         </div>
       </section>
-      <Suspense fallback={<RecommendedProfileCardListSkeleton />}>
-        <LazyRecommendedProfileCardList title="다른 수영인과 응원을 주고 받아보세요" />
-      </Suspense>
+      <RecommendedProfileCardList title="다른 수영인과 응원을 주고 받아보세요" />
       <Tab type="primary">
         <TabItem
           text="통계"