sarsoo/Mixonomer
1
0
Fork 0
Code Issues 15 Pull Requests Actions Packages Projects Releases Wiki Activity

added loading for playlist view

Browse Source
This commit is contained in:
aj 2019-09-03 19:01:43 +01:00
parent 3bb7ac663a
commit 20939400de
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/js/Playlist/PlaylistView.js
View File

@ -53,7 +53,9 @@ class PlaylistView extends Component{
shuffle: false,
include_recommendations: false,
add_this_month: false,
add_last_month: false
add_last_month: false,
isLoading: true
}
this.handleAddPart = this.handleAddPart.bind(this);
this.handleAddReference = this.handleAddReference.bind(this);
@ -90,7 +92,8 @@ class PlaylistView extends Component{
this.setState(info.data);
this.setState({
playlists: playlists.data.playlists,
newReferenceName: filteredPlaylists.length > 0 ? filteredPlaylists[0].name : ''
newReferenceName: filteredPlaylists.length > 0 ? filteredPlaylists[0].name : '',
isLoading: false
});
}))
.catch((error) => {
@ -485,8 +488,9 @@ class PlaylistView extends Component{
);
const error = <p style={{textAlign: "center"}}>{ this.state.error_text }</p>;
const loadingMessage = <p className="center-text">loading...</p>;
return this.state.error ? error : table;
return this.state.isLoading ? loadingMessage : ( this.state.error ? error : table );
}
}