Mirroristas/owncast
2
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-10 19:16:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

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