diff --git a/src/js/components/ContextMenu.js b/src/js/components/ContextMenu.js
index b5905923..5cee7839 100755
--- a/src/js/components/ContextMenu.js
+++ b/src/js/components/ContextMenu.js
@@ -248,6 +248,17 @@ class ContextMenu extends React.Component{
playlists = helpers.sortItems(playlists, 'name')
+ var loader = null
+ if (this.props.processes.SPOTIFY_GET_LIBRARY_PLAYLISTS_PROCESSOR && this.props.processes.SPOTIFY_GET_LIBRARY_PLAYLISTS_PROCESSOR.status == 'running'){
+ loader = (
+
+ )
+ }
+
return (
@@ -270,6 +281,7 @@ class ContextMenu extends React.Component{
)
})
}
+ {loader}
)
}
@@ -589,6 +601,7 @@ class ContextMenu extends React.Component{
const mapStateToProps = (state, ownProps) => {
return {
menu: state.ui.context_menu,
+ processes: state.ui.processes,
current_track: state.core.current_track,
current_tracklist: state.core.current_tracklist,
spotify_library_playlists: state.spotify.library_playlists,
diff --git a/src/js/components/Modal/AddToPlaylistModal.js b/src/js/components/Modal/AddToPlaylistModal.js
index 2935ded6..b92a9185 100755
--- a/src/js/components/Modal/AddToPlaylistModal.js
+++ b/src/js/components/Modal/AddToPlaylistModal.js
@@ -34,6 +34,15 @@ export default class AddToPlaylistModal extends React.Component{
playlists = helpers.sortItems(playlists, 'name')
+ var loader = null
+ if (this.props.processes.SPOTIFY_GET_LIBRARY_PLAYLISTS_PROCESSOR && this.props.processes.SPOTIFY_GET_LIBRARY_PLAYLISTS_PROCESSOR.status == 'running'){
+ loader = (
+
+ )
+ }
+
return (
Add to playlist
@@ -54,6 +63,7 @@ export default class AddToPlaylistModal extends React.Component{
})
}
+ {loader}
)
}
diff --git a/src/js/components/Modal/Modal.js b/src/js/components/Modal/Modal.js
index 2bce1a62..a6291a59 100755
--- a/src/js/components/Modal/Modal.js
+++ b/src/js/components/Modal/Modal.js
@@ -47,7 +47,7 @@ class Modal extends React.Component{
- { this.props.modal.name == 'add_to_playlist' ?
: null }
+ { this.props.modal.name == 'add_to_playlist' ?
: null }
{ this.props.modal.name == 'add_to_queue' ?
: null }
{ this.props.modal.name == 'create_playlist' ?
: null }
{ this.props.modal.name == 'edit_playlist' ?
: null }
@@ -78,6 +78,7 @@ const mapStateToProps = (state, ownProps) => {
artists: state.core.artists,
playlists: state.core.playlists,
context_menu: state.ui.context_menu,
+ processes: state.ui.processes,
mopidy_connected: state.mopidy.connected,
spotify_authorized: state.spotify.authorization,
spotify_library_playlists: state.spotify.library_playlists,
diff --git a/src/scss/components/_loader.scss b/src/scss/components/_loader.scss
index 861a24b1..62971ff2 100755
--- a/src/scss/components/_loader.scss
+++ b/src/scss/components/_loader.scss
@@ -64,4 +64,17 @@
}
}
}
-}
\ No newline at end of file
+}
+
+.mini-loader {
+ .loader {
+ width: 20px;
+ height: 20px;
+ opacity: 1;
+
+ &:before {
+ border-color: darken($secondary_grey, 5%);
+ }
+ }
+}
+