Sid Gifari File Manager

Sid Gifari File Manager

🏠 Root / home / genremedia08 / musicjukebox.overlookedtracks.com / common / resources / client / channels / requests /

Editing: use-channel-content.ts

import {hashQueryKey, useQuery} from '@tanstack/react-query';
import {apiClient} from '@common/http/query-client';
import {Channel, ChannelContentItem} from '@common/channels/channel';
import {
  channelEndpoint,
  channelQueryKey,
} from '@common/channels/requests/use-channel';
import {PaginatedBackendResponse} from '@common/http/backend-response/pagination-response';
import {useRef} from 'react';
import {useChannelQueryParams} from '@common/channels/use-channel-query-params';

interface Response<T extends ChannelContentItem = ChannelContentItem>
  extends PaginatedBackendResponse<T> {}

export function useChannelContent<
  T extends ChannelContentItem = ChannelContentItem
>(channel: Channel<T>) {
  const queryParams = useChannelQueryParams(channel);
  const queryKey = channelQueryKey(channel.id, queryParams);
  const initialQueryKey = useRef(hashQueryKey(queryKey)).current;

return useQuery(
    channelQueryKey(channel.id, queryParams),
    () => fetchChannelContent<T>(channel.id, queryParams),
    {
      keepPreviousData: true,
      initialData: () => {
        if (hashQueryKey(queryKey) === initialQueryKey) {
          return channel.content?.data;
        }
        return undefined;
      },
    }
  );
}

function fetchChannelContent<T extends ChannelContentItem = ChannelContentItem>(
  slugOrId: number | string,
  params: any
) {
  return apiClient
    .get<Response<T>>(channelEndpoint(slugOrId), {
      params: {
        ...params,
        paginate: 'simple',
        returnContentOnly: 'true',
      },
    })
    .then(response => response.data.pagination.data);
}