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

Enhancement: Added tooltips to stream table fields. Also removed unneeded imports for logos.

Browse source
This commit is contained in:
SergeantPanda 2025-10-11 10:54:11 -05:00
parent 6acb0da933
commit fbd83e61b7
1 changed files with 33 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

65
frontend/src/components/tables/StreamsTable.jsx
View file

@ -3,7 +3,6 @@ import API from '../../api';
import StreamForm from '../forms/Stream';
import usePlaylistsStore from '../../store/playlists';
import useChannelsStore from '../../store/channels';
import useLogosStore from '../../store/logos';
import { copyToClipboard, useDebounce } from '../../utils';
import {
SquarePlus,
@ -67,7 +66,6 @@ const StreamRowActions = ({
(state) =>
state.channels.find((chan) => chan.id === selectedChannelIds[0])?.streams
);
const fetchLogos = useLogosStore((s) => s.fetchLogos);
const addStreamToChannel = async () => {
await API.updateChannel({
@ -250,7 +248,6 @@ const StreamsTable = () => {
const channelGroups = useChannelsStore((s) => s.channelGroups);
const selectedChannelIds = useChannelsTableStore((s) => s.selectedChannelIds);
const fetchLogos = useChannelsStore((s) => s.fetchLogos);
const channelSelectionStreams = useChannelsTableStore(
(state) =>
state.channels.find((chan) => chan.id === selectedChannelIds[0])?.streams
@ -287,15 +284,17 @@ const StreamsTable = () => {
grow: true,
size: columnSizing.name || 200,
cell: ({ getValue }) => (
<Box
style={{
whiteSpace: 'pre',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{getValue()}
</Box>
<Tooltip label={getValue()} openDelay={500}>
<Box
style={{
whiteSpace: 'pre',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{getValue()}
</Box>
</Tooltip>
),
},
{
@ -306,15 +305,17 @@ const StreamsTable = () => {
: '',
size: columnSizing.group || 150,
cell: ({ getValue }) => (
<Box
style={{
whiteSpace: 'pre',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{getValue()}
</Box>
<Tooltip label={getValue()} openDelay={500}>
<Box
style={{
whiteSpace: 'pre',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{getValue()}
</Box>
</Tooltip>
),
},
{
@ -323,17 +324,17 @@ const StreamsTable = () => {
accessorFn: (row) =>
playlists.find((playlist) => playlist.id === row.m3u_account)?.name,
cell: ({ getValue }) => (
<Box
style={{
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
<Tooltip label={getValue()} openDelay={500}>
<Box>{getValue()}</Box>
</Tooltip>
</Box>
<Tooltip label={getValue()} openDelay={500}>
<Box
style={{
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
}}
>
{getValue()}
</Box>
</Tooltip>
),
},
],