Mirrors/Dispatcharr
1
0
Fork 1
mirror of https://github.com/Dispatcharr/Dispatcharr.git synced 2026-07-25 11:04:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Changed some badge colors and added tooltips.

Browse source
This commit is contained in:
SergeantPanda 2025-06-10 10:17:28 -05:00
parent 1f6f15ed73
commit 3522066867
1 changed files with 31 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -478,37 +478,49 @@ const ChannelCard = ({ channel, clients, stopClient, stopChannel, logos, channel
{/* Add stream information badges */}
<Group gap="xs" mt="xs">
{channel.resolution && (
<Badge size="sm" variant="light" color="green">
{channel.resolution}
</Badge>
<Tooltip label="Video resolution">
<Badge size="sm" variant="light" color="red">
{channel.resolution}
</Badge>
</Tooltip>
)}
{channel.source_fps && (
<Badge size="sm" variant="light" color="orange">
{channel.source_fps} FPS
</Badge>
<Tooltip label="Source frames per second">
<Badge size="sm" variant="light" color="orange">
{channel.source_fps} FPS
</Badge>
</Tooltip>
)}
{channel.video_codec && (
<Badge size="sm" variant="light" color="blue">
{channel.video_codec.toUpperCase()}
</Badge>
<Tooltip label="Video codec">
<Badge size="sm" variant="light" color="blue">
{channel.video_codec.toUpperCase()}
</Badge>
</Tooltip>
)}
{channel.stream_type && (
<Badge size="sm" variant="light" color="blue">
{channel.stream_type.toUpperCase()}
</Badge>
<Tooltip label="Stream type">
<Badge size="sm" variant="light" color="cyan">
{channel.stream_type.toUpperCase()}
</Badge>
</Tooltip>
)}
{channel.audio_codec && (
<Badge size="sm" variant="light" color="purple">
{channel.audio_codec.toUpperCase()}
</Badge>
<Tooltip label="Audio codec">
<Badge size="sm" variant="light" color="pink">
{channel.audio_codec.toUpperCase()}
</Badge>
</Tooltip>
)}
{channel.audio_channels && (
<Badge size="sm" variant="light" color="purple">
{channel.audio_channels}
</Badge>
<Tooltip label="Audio channel configuration">
<Badge size="sm" variant="light" color="pink">
{channel.audio_channels}
</Badge>
</Tooltip>
)}
{channel.ffmpeg_speed && (
<Tooltip label={`Speed: ${channel.ffmpeg_speed}x realtime`}>
<Tooltip label={`Current Speed: ${channel.ffmpeg_speed}x`}>
<Badge
size="sm"
variant="light"