Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / genremedia08 / musicjukebox.overlookedtracks.com / resources / client / web-player / channels / requests /

Editing: use-paginated-channel-content.ts

import {Channel, ChannelContentItem} from '@app/web-player/channels/channel';
import {useParams} from 'react-router-dom';
import {
  channelEndpoint,
  channelQueryKey,
} from '@app/web-player/channels/requests/use-channel';
import {useInfiniteData} from '@common/ui/infinite-scroll/use-infinite-data';
import {SortDescriptor} from '@common/ui/tables/types/sort-descriptor';

export function usePaginatedChannelContent<
  T extends ChannelContentItem = ChannelContentItem
>(channel: Channel<T>) {
  const {filter} = useParams();
  const [defaultOrderBy = 'popularity', defaultOrderDir = 'desc'] = (
    channel.config.contentOrder || ''
  ).split(':');
  return useInfiniteData<T>({
    initialPage: channel.content,
    queryKey: channelQueryKey(channel.id, {filter: filter || ''}),
    endpoint: channelEndpoint(channel.id),
    defaultOrderBy,
    defaultOrderDir: defaultOrderDir as SortDescriptor['orderDir'],
    paginate: 'simple',
    queryParams: {
      returnContentOnly: 'true',
      //used for dynamically specifying channel content.
      // In "channel/1/jazz" filter will be "jazz"
      filter: filter || '',
    },
  });
}