import { Interval } from 'date-fns'
import { useContext } from 'react'

import { Dsp } from '../Consts'
import { useGet } from '../components/Network'
import { ArtistContext } from '../contexts/ArtistContext'
import { UserContext } from '../contexts/UserContext'
import { ChartTrackPosition } from '../types/types'
import { intervalDates, toQueryString } from '../util'
import { useCacheKey } from './useCacheKey'
import { NetworkRequest, useNetwork } from './useNetwork'

interface TrackChartsResponse {
  charts: {
    dsp: string
    chartTrackPositions: ChartTrackPosition[]
  }[]
}

export function useTrackCharts(
  isrc: string,
  interval: Interval,
  dsp?: Dsp
): NetworkRequest<TrackChartsResponse> {
  const user = useContext(UserContext)
  const artist = useContext(ArtistContext)
  const { startDate, endDate } = intervalDates(interval)
  const query = toQueryString({
    startDate,
    endDate,
    dsp,
  })
  const path = `api/artists/${artist.sonyArtistId}/track/${isrc}/charts?${query}`
  const response = useNetwork<TrackChartsResponse>(useGet(path, user))

  useCacheKey(path)

  return response
}