YesPlayMusic/packages/web/hooks/useVideoCover.ts

import { IpcChannels } from '@/shared/IpcChannels'
import axios from 'axios'
import { useQuery } from 'react-query'

export default function useVideoCover(props: {
  id?: number
  name?: string
  artist?: string
}) {
  const { id, name, artist } = props
  return useQuery(
    ['useVideoCover', props],
    async () => {
      if (!id || !name || !artist) return

      const fromMainProcess = await window.ipcRenderer?.invoke(
        IpcChannels.GetVideoCover,
        {
          id,
          name,
          artist,
        }
      )
      if (fromMainProcess) {
        return fromMainProcess
      }

      const fromRemote = await axios.get('/yesplaymusic/video-cover', {
        params: props,
      })
      if (fromRemote?.data?.url) {
        return fromRemote.data.url
      }
    },
    {
      enabled: !!id && !!name && !!artist,
      refetchOnWindowFocus: false,
      refetchInterval: false,
    }
  )
}