Sid Gifari File Manager
🏠 Root
/
home
/
genremedia08
/
musicjukebox.overlookedtracks.com
/
resources
/
client
/
web-player
/
channels
/
Editing: channel-track-table.tsx
import {usePaginatedChannelContent} from '@app/web-player/channels/requests/use-paginated-channel-content'; import React, {Fragment} from 'react'; import {ChannelContentProps} from '@app/web-player/channels/channel-content'; import {TrackTable} from '@app/web-player/tracks/track-table/track-table'; import {Track} from '@app/web-player/tracks/track'; import {VirtualTableBody} from '@app/web-player/playlists/virtual-table-body'; import {ChannelHeading} from '@app/web-player/channels/channel-heading'; export function ChannelTrackTable(props: ChannelContentProps<Track>) { return ( <Fragment> <ChannelHeading {...props} /> {props.isNested ? ( <SimpleTable {...props} /> ) : ( <PaginatedTable {...props} /> )} </Fragment> ); } function SimpleTable({channel}: ChannelContentProps<Track>) { return ( <TrackTable tracks={channel.content?.data || []} enableSorting={false} /> ); } function PaginatedTable({channel}: ChannelContentProps<Track>) { const query = usePaginatedChannelContent(channel); const totalItems = channel.content && 'total' in channel.content ? channel.content.total : undefined; return ( <TrackTable enableSorting={false} tracks={query.items} tableBody={<VirtualTableBody query={query} totalItems={totalItems} />} /> ); }
Save
Cancel