import { useContext } from 'react'

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

export interface PlaylistResponse {
  playlist: Playlist
}

export function usePlaylist(
  playlistId: string
): NetworkRequest<PlaylistResponse> {
  const user = useContext(UserContext)
  const path = `api/playlists/${playlistId}`
  return useNetwork<PlaylistResponse>(useGet(path, user))
}