jhynsoo/edufocus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'fe/fixLoadingIndicator' into 'frontend'

Browse Source 
[Front-End] Fe/fix loading indicator

See merge request s11-webmobile1-sub2/S11P12A701!14
This commit is contained in:
정기영 2024-08-01 17:21:30 +09:00
commit ebaf3d13e0
4 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Layout/LectureLayout.jsx
View File

@ -82,7 +82,7 @@ export default function LectureLayout() {
)} )}
</aside> </aside>
<main> <main>
<Suspense fallback={<LoadingIndicator full />}> <Suspense fallback={<LoadingIndicator fill />}>
<Outlet /> <Outlet />
</Suspense> </Suspense>
</main> </main>

2
frontend/src/components/Layout/LiveLayout.jsx
View File

@ -9,7 +9,7 @@ export default function LiveLayout() {
<> <>
<LiveHeader /> <LiveHeader />
<div className={styles.wrapper}> <div className={styles.wrapper}>
<Suspense fallback={<LoadingIndicator full />}> <Suspense fallback={<LoadingIndicator fill />}>
<Outlet /> <Outlet />
</Suspense> </Suspense>
</div> </div>

3
frontend/src/components/Layout/MyPageLayout.jsx
View File

@ -22,8 +22,7 @@ export default function MyPageLayout() {
</SideBar> </SideBar>
</aside> </aside>
<main> <main>
{/* TODO: 로딩 컴포넌트 추가 */} <Suspense fallback={<LoadingIndicator fill />}>
<Suspense fallback={<LoadingIndicator full />}>
<Outlet /> <Outlet />
</Suspense> </Suspense>
</main> </main>

2
frontend/src/components/LoadingIndicator.jsx/LoadingIndicator.jsx
View File

@ -6,6 +6,6 @@ export default function LoadingIndicator({ fill = false }) {
<div className={styles.indicator} /> <div className={styles.indicator} />
</div> </div>
) : ( ) : (
<div /> <div className={styles.indicator} />
); );
} }