Improve UI notices for artist & album details

Closes #4368
This commit is contained in:
Bogdan 2023-12-15 03:25:36 +02:00
commit 9fb7fd7375
3 changed files with 23 additions and 19 deletions

View file

@ -9,6 +9,7 @@ import EditAlbumModalConnector from 'Album/Edit/EditAlbumModalConnector';
import AlbumInteractiveSearchModalConnector from 'Album/Search/AlbumInteractiveSearchModalConnector';
import ArtistGenres from 'Artist/Details/ArtistGenres';
import ArtistHistoryModal from 'Artist/History/ArtistHistoryModal';
import Alert from 'Components/Alert';
import HeartRating from 'Components/HeartRating';
import Icon from 'Components/Icon';
import Label from 'Components/Label';
@ -531,23 +532,24 @@ class AlbumDetails extends Component {
}
{
!isFetching && albumsError &&
<div>
{translate('LoadingAlbumsFailed')}
</div>
!isFetching && albumsError ?
<Alert kind={kinds.DANGER}>
{translate('AlbumsLoadError')}
</Alert> :
null
}
{
!isFetching && trackFilesError &&
<div>
{translate('LoadingTrackFilesFailed')}
</div>
!isFetching && trackFilesError ?
<Alert kind={kinds.DANGER}>
{translate('TrackFilesLoadError')}
</Alert> :
null
}
{
isPopulated && !!media.length &&
<div>
{
media.slice(0).map((medium) => {
return (

View file

@ -8,6 +8,7 @@ import EditArtistModalConnector from 'Artist/Edit/EditArtistModalConnector';
import ArtistHistoryModal from 'Artist/History/ArtistHistoryModal';
import MonitoringOptionsModal from 'Artist/MonitoringOptions/MonitoringOptionsModal';
import ArtistInteractiveSearchModalConnector from 'Artist/Search/ArtistInteractiveSearchModalConnector';
import Alert from 'Components/Alert';
import HeartRating from 'Components/HeartRating';
import Icon from 'Components/Icon';
import Label from 'Components/Label';
@ -611,17 +612,19 @@ class ArtistDetails extends Component {
}
{
!isFetching && albumsError &&
<div>
{translate('LoadingAlbumsFailed')}
</div>
!isFetching && albumsError ?
<Alert kind={kinds.DANGER}>
{translate('AlbumsLoadError')}
</Alert> :
null
}
{
!isFetching && trackFilesError &&
<div>
{translate('LoadingTrackFilesFailed')}
</div>
!isFetching && trackFilesError ?
<Alert kind={kinds.DANGER}>
{translate('TrackFilesLoadError')}
</Alert> :
null
}
{