Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-01-23 02:35:14 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

loading screen for guide

Browse source
This commit is contained in:
kappa118 2025-03-01 11:17:56 -05:00
parent 23b77ab0cc
commit 19cac3ccad
1 changed files with 25 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/pages/Guide.js
View file

@ -11,6 +11,8 @@ import {
DialogActions,
Button,
Slide,
CircularProgress,
Backdrop,
} from '@mui/material';
import dayjs from 'dayjs';
import API from '../api';
@ -41,6 +43,7 @@ export default function TVChannelGuide({ startDate, endDate }) {
const [guideChannels, setGuideChannels] = useState([]);
const [now, setNow] = useState(dayjs());
const [selectedProgram, setSelectedProgram] = useState(null);
const [loading, setLoading] = useState(true);
const guideRef = useRef(null);
@ -69,6 +72,7 @@ export default function TVChannelGuide({ startDate, endDate }) {
setGuideChannels(filteredChannels);
setPrograms(fetched);
setLoading(false);
};
fetchPrograms();
@ -164,7 +168,8 @@ export default function TVChannelGuide({ startDate, endDate }) {
return;
}
// Build a playable stream URL for that channel
const url = window.location.origin + '/output/stream/' + matched.channel_number;
const url =
window.location.origin + '/output/stream/' + matched.channel_number;
showVideo(url);
// Optionally close the modal
@ -247,6 +252,25 @@ export default function TVChannelGuide({ startDate, endDate }) {
);
}
if (loading) {
return (
<Backdrop
sx={{
// color: '#fff',
zIndex: (theme) => theme.zIndex.drawer + 1,
position: 'fixed', // Ensure it covers the entire page
top: 0,
left: 0,
right: 0,
bottom: 0,
}}
open={loading}
>
<CircularProgress color="inherit" />
</Backdrop>
);
}
return (
<Box
sx={{