import { useContext } from 'react'

import { useGet } from '../components/Network'
import { ArtistContext } from '../contexts/ArtistContext'
import { UserContext } from '../contexts/UserContext'
import { Track } from '../types/Track'
import { NetworkRequest, useNetwork } from './useNetwork'

export interface TracksResponse {
  tracks: Track[]
}

export const cachedTrackPaths: Set<string> = new Set()

export function useTracks(
  onRetry?: () => void
): NetworkRequest<TracksResponse> {
  const user = useContext(UserContext)
  const artist = useContext(ArtistContext)
  const path = `api/artists/${artist.sonyArtistId}/tracks`
  cachedTrackPaths.add(path)
  return useNetwork<TracksResponse>(useGet(path, user))
}