LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Change loading state. Closes #2248

Browse Source
This commit is contained in:
Gabe Kangas 2022-12-12 19:10:49 -08:00
parent b4fb6b77b9
commit 660ea10dab
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
1 changed files with 80 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/components/ui/Content/Content.tsx
View File

@ -1,5 +1,5 @@
import { useRecoilState, useRecoilValue } from 'recoil';
import { Layout, Tabs, Spin } from 'antd';
import { Layout, Tabs, Skeleton } from 'antd';
import { FC, MutableRefObject, useEffect, useRef, useState } from 'react';
import cn from 'classnames';
import dynamic from 'next/dynamic';
@ -304,10 +304,10 @@ export const Content: FC = () => {
return (
<>
<div className={styles.main}>
<Spin wrapperClassName={styles.loadingSpinner} size="large" spinning={appState.appLoading}>
<AntContent className={styles.root}>
<div className={styles.mainSection}>
<div className={styles.topSection}>
{appState.appLoading && <Skeleton loading active paragraph={{ rows: 7 }} />}
{online && <OwncastPlayer source="/hls/stream.m3u8" online={online} />}
{!online && !appState.appLoading && (
<OfflineBanner
@ -386,7 +386,6 @@ export const Content: FC = () => {
</div>
{showChat && !isMobile && <Sidebar />}
</AntContent>
</Spin>
{!isMobile && false && <Footer version={version} />}
</div>
{externalActionToDisplay && (