nik/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2026-05-03 06:51:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: solve review...

Browse Source
This commit is contained in:
Lain Iwakura 2026-03-27 18:49:37 +03:00
parent 407d737c8c
commit b20a268e0a
No known key found for this signature in database
GPG Key ID: 8160466B2E8D1441
1 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
ui/src/personal/LastfmScrobbleToggle.jsx
View File

@ -12,17 +12,11 @@ import { useInterval } from '../common'
import { baseUrl, openInNewTab } from '../utils'
import { httpClient } from '../dataProvider'
const defaultAuthUrl = 'https://www.last.fm/api/auth/'
const buildAuthUrl = (authUrl, apiKey, callbackUrl) => {
try {
const url = new URL(authUrl)
url.searchParams.set('api_key', apiKey)
url.searchParams.set('cb', callbackUrl)
return url.toString()
} catch {
return `${defaultAuthUrl}?api_key=${apiKey}&cb=${callbackUrl}`
}
const url = new URL(authUrl)
url.searchParams.set('api_key', apiKey)
url.searchParams.set('cb', callbackUrl)
return url.toString()
}
const Progress = (props) => {
@ -37,9 +31,15 @@ const Progress = (props) => {
`/api/lastfm/link/callback?uid=${localStorage.getItem('userId')}`,
)
const callbackUrl = `${window.location.origin}${callbackEndpoint}`
openedTab.current = openInNewTab(
buildAuthUrl(authUrl || defaultAuthUrl, apiKey, callbackUrl),
)
try {
openedTab.current = openInNewTab(
buildAuthUrl(authUrl, apiKey, callbackUrl),
)
} catch {
setCheckingLink(false)
setLinked(false)
notify('message.lastfmLinkFailure', 'warning')
}
}, [apiKey, authUrl])
const endChecking = (success) => {
@ -89,16 +89,14 @@ export const LastfmScrobbleToggle = (props) => {
const [linked, setLinked] = useState(null)
const [checkingLink, setCheckingLink] = useState(false)
const [apiKey, setApiKey] = useState(false)
const [authUrl, setAuthUrl] = useState(defaultAuthUrl)
const [authUrl, setAuthUrl] = useState(null)
useEffect(() => {
httpClient('/api/lastfm/link')
.then((response) => {
setLinked(response.json.status === true)
setApiKey(response.json.apiKey)
if (response.json.authUrl) {
setAuthUrl(response.json.authUrl)
}
setAuthUrl(response.json.authUrl || null)
})
.catch(() => {
setLinked(false)
@ -107,6 +105,10 @@ export const LastfmScrobbleToggle = (props) => {
const toggleScrobble = () => {
if (!linked) {
if (!authUrl) {
notify('message.lastfmLinkFailure', 'warning')
return
}
setCheckingLink(true)
} else {
httpClient('/api/lastfm/link', { method: 'DELETE' })
@ -126,7 +128,7 @@ export const LastfmScrobbleToggle = (props) => {
id={'lastfm'}
color="primary"
checked={linked || checkingLink}
disabled={!apiKey || linked === null || checkingLink}
disabled={!apiKey || !authUrl || linked === null || checkingLink}
onChange={toggleScrobble}
/>
}