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