From 9b5d3d4a622a63c9a6497014690c2c9f6d5bf8fc Mon Sep 17 00:00:00 2001
From: brian <90752841+wokbjso@users.noreply.github.com>
Date: Tue, 26 Nov 2024 18:13:36 +0900
Subject: [PATCH] =?UTF-8?q?chore:=20suspense=20=EB=B2=94=EC=9C=84=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/profile/[id]/page.tsx                           | 10 +++-------
 .../molecules/profile-container-skeleton.tsx        |  2 ++
 features/profile/components/organisms/my-page.tsx   | 13 +++----------
 3 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/app/profile/[id]/page.tsx b/app/profile/[id]/page.tsx
index 0e8f59da..d6d0871d 100644
--- 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
index 29238762..0f2ae363 100644
--- 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
index da8dd65f..7722386e 100644
--- 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="통계"