import { Interval } from 'date-fns'
import { useContext } from 'react'
import { NetworkError, useNetwork } from '../components/useNetwork'
import { ArtistContext } from '../contexts/ArtistContext'
import { UserContext } from '../contexts/UserContext'
import { DateData } from '../DateData'
import { intervalDates, toQueryString } from '../util'
import { useCacheKey } from './useCacheKey'

interface TrackPlaylistStreamsResponse {
  streams: DateData<number | null>[]
}

export function useTrackPlaylistStreams(
  isrc: string,
  playlistId: string,
  interval: Interval,
  countryCode: string
): {
  streams?: DateData<number | null>[]
  startDate: string
  endDate: string
  error: NetworkError | null
} {
  const user = useContext(UserContext)
  const artist = useContext(ArtistContext)
  const { startDate, endDate } = intervalDates(interval)
  const query = toQueryString({
    startDate,
    endDate,
    countryCode: countryCode ?? null,
  })
  const path = `api/artists/${artist.sonyArtistId}/track/${isrc}/playlists/${playlistId}/streams?${query}`
  const response = useNetwork<TrackPlaylistStreamsResponse>(
    path,
    user,
    () => {}
  )

  useCacheKey(path)

  return {
    streams: response?.data?.streams,
    startDate,
    endDate,
    error: response?.error,
  }
}