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

Display stream logo and name in channel card when previewing streams.

Browse source
This commit is contained in:
SergeantPanda 2025-07-31 21:26:59 -05:00
parent 6945cecaca
commit 953db79476
1 changed files with 22 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

26
frontend/src/pages/Stats.jsx
View file

@ -94,6 +94,7 @@ const ChannelCard = ({
const [activeStreamId, setActiveStreamId] = useState(null);
const [currentM3UProfile, setCurrentM3UProfile] = useState(null); // Add state for current M3U profile
const [data, setData] = useState([]);
const [previewedStream, setPreviewedStream] = useState(null);
// Get M3U account data from the playlists store
const m3uAccounts = usePlaylistsStore((s) => s.playlists);
@ -425,12 +426,29 @@ const ChannelCard = ({
// Get logo URL from the logos object if available
const logoUrl =
channel.logo_id && logos && logos[channel.logo_id]
(channel.logo_id && logos && logos[channel.logo_id]
? logos[channel.logo_id].cache_url
: null;
: null) ||
(previewedStream && previewedStream.logo_url) ||
null;
// Ensure these values exist to prevent errors
const channelName = channel.name || 'Unnamed Channel';
useEffect(() => {
let isMounted = true;
// Only fetch if we have a stream_id and NO channel.name
if (!channel.name && channel.stream_id) {
API.getStreamsByIds([channel.stream_id]).then((streams) => {
if (isMounted && streams && streams.length > 0) {
setPreviewedStream(streams[0]);
}
});
}
return () => { isMounted = false; };
}, [channel.name, channel.stream_id]);
const channelName =
channel.name ||
previewedStream?.name ||
'Unnamed Channel';
const uptime = channel.uptime || 0;
const bitrates = channel.bitrates || [];
const totalBytes = channel.total_bytes || 0;