mirror of
https://github.com/GiriNeko/YesPlayMusic.git
synced 2025-12-17 21:58:03 +00:00
17 lines
472 B
TypeScript
17 lines
472 B
TypeScript
import { colord } from 'colord'
|
|
import { getCoverColor } from '../utils/common'
|
|
import { useState, useEffect } from 'react'
|
|
|
|
export default function useCoverColor(url: string) {
|
|
const [color, setColor] = useState({ from: '#fff', to: '#fff' })
|
|
|
|
useEffect(() => {
|
|
getCoverColor(url || '').then(color => {
|
|
if (!color) return
|
|
const to = colord(color).darken(0.15).rotate(-5).toHex()
|
|
setColor({ from: color, to })
|
|
})
|
|
}, [url])
|
|
|
|
return color
|
|
}
|