mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-03 20:47:35 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix(ui): show last.fm api-key missing in a FormHelperText

Browse source 
Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
Deluan 2024-12-19 16:59:26 -05:00
parent 21dd04cb7d
commit 04f296cc73
1 changed files with 19 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

44
ui/src/personal/LastfmScrobbleToggle.jsx
View file

@ -3,6 +3,7 @@ import { useNotify, useTranslate } from 'react-admin'
import {
FormControl,
FormControlLabel,
FormHelperText,
LinearProgress,
Switch,
Tooltip,
@ -102,32 +103,20 @@ export const LastfmScrobbleToggle = (props) => {
return (
<FormControl>
{apiKey ? (
<FormControlLabel
control={
<Switch
id={'lastfm'}
color="primary"
checked={linked || checkingLink}
disabled={linked === null || checkingLink}
onChange={toggleScrobble}
/>
}
label={
<span>{translate('menu.personal.options.lastfmScrobbling')}</span>
}
/>
) : (
<Tooltip title={translate('menu.personal.options.lastfmNotConfigured')}>
<FormControlLabel
disabled={true}
control={<Switch id={'lastfm'} color="primary" />}
label={
<span>{translate('menu.personal.options.lastfmScrobbling')}</span>
}
<FormControlLabel
control={
<Switch
id={'lastfm'}
color="primary"
checked={linked || checkingLink}
disabled={!apiKey || linked === null || checkingLink}
onChange={toggleScrobble}
/>
</Tooltip>
)}
}
label={
<span>{translate('menu.personal.options.lastfmScrobbling')}</span>
}
/>
{checkingLink && (
<Progress
setLinked={setLinked}
@ -135,6 +124,11 @@ export const LastfmScrobbleToggle = (props) => {
apiKey={apiKey}
/>
)}
{!apiKey && (
<FormHelperText id="scrobble-lastfm-disabled-helper-text">
{translate('menu.personal.options.lastfmNotConfigured')}
</FormHelperText>
)}
</FormControl>
)
}