From d3d325cf6fe3cff1f3ef623b6fbbf6651719d4a2 Mon Sep 17 00:00:00 2001
From: jhynsoo <jhynsoo@gmail.com>
Date: Thu, 1 Aug 2024 17:19:28 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20loading=20indicator=20=EC=86=8D=EC=84=B1?=
 =?UTF-8?q?=20=EC=9D=B4=EB=A6=84=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/Layout/LectureLayout.jsx               | 2 +-
 frontend/src/components/Layout/LiveLayout.jsx                  | 2 +-
 frontend/src/components/Layout/MyPageLayout.jsx                | 3 +--
 .../src/components/LoadingIndicator.jsx/LoadingIndicator.jsx   | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/Layout/LectureLayout.jsx b/frontend/src/components/Layout/LectureLayout.jsx
index aaef0df..95be0e8 100644
--- a/frontend/src/components/Layout/LectureLayout.jsx
+++ b/frontend/src/components/Layout/LectureLayout.jsx
@@ -82,7 +82,7 @@ export default function LectureLayout() {
           )}
         </aside>
         <main>
-          <Suspense fallback={<LoadingIndicator full />}>
+          <Suspense fallback={<LoadingIndicator fill />}>
             <Outlet />
           </Suspense>
         </main>
diff --git a/frontend/src/components/Layout/LiveLayout.jsx b/frontend/src/components/Layout/LiveLayout.jsx
index e561ab3..1a12a49 100644
--- a/frontend/src/components/Layout/LiveLayout.jsx
+++ b/frontend/src/components/Layout/LiveLayout.jsx
@@ -9,7 +9,7 @@ export default function LiveLayout() {
     <>
       <LiveHeader />
       <div className={styles.wrapper}>
-        <Suspense fallback={<LoadingIndicator full />}>
+        <Suspense fallback={<LoadingIndicator fill />}>
           <Outlet />
         </Suspense>
       </div>
diff --git a/frontend/src/components/Layout/MyPageLayout.jsx b/frontend/src/components/Layout/MyPageLayout.jsx
index a8a99e4..8b7ed9d 100644
--- a/frontend/src/components/Layout/MyPageLayout.jsx
+++ b/frontend/src/components/Layout/MyPageLayout.jsx
@@ -22,8 +22,7 @@ export default function MyPageLayout() {
           </SideBar>
         </aside>
         <main>
-          {/* TODO: 로딩 컴포넌트 추가 */}
-          <Suspense fallback={<LoadingIndicator full />}>
+          <Suspense fallback={<LoadingIndicator fill />}>
             <Outlet />
           </Suspense>
         </main>
diff --git a/frontend/src/components/LoadingIndicator.jsx/LoadingIndicator.jsx b/frontend/src/components/LoadingIndicator.jsx/LoadingIndicator.jsx
index 4bac764..e4162b4 100644
--- a/frontend/src/components/LoadingIndicator.jsx/LoadingIndicator.jsx
+++ b/frontend/src/components/LoadingIndicator.jsx/LoadingIndicator.jsx
@@ -6,6 +6,6 @@ export default function LoadingIndicator({ fill = false }) {
       <div className={styles.indicator} />
     </div>
   ) : (
-    <div />
+    <div className={styles.indicator} />
   );
 }