YesPlayMusic/packages/web/hooks/useVideoCover.ts
2023-01-07 16:07:44 +08:00

34 lines
766 B
TypeScript

import axios from 'axios'
import { useQuery } from '@tanstack/react-query'
import { appName } from '../utils/const'
export default function useVideoCover(props: {
id?: number
name?: string
artist?: string
enabled?: boolean
}) {
const { id, name, artist, enabled = true } = props
return useQuery(
['useVideoCover', props],
async () => {
if (!id || !name || !artist) return
const fromRemote = await axios.get(
`/${appName.toLowerCase()}/video-cover`,
{
params: props,
}
)
if (fromRemote?.data?.url) {
return fromRemote.data.url
}
},
{
enabled: !!id && !!name && !!artist && enabled,
refetchOnWindowFocus: false,
refetchInterval: false,
}
)
}