Dropzone visibility; Load my playlists if not already loaded

src/js/components/Modal/AddToPlaylistModal.js

@@ -10,6 +10,14 @@ export default class AddToPlaylistModal extends React.Component{
 
 	constructor(props){
 		super(props)
+
+		if (!this.props.spotify_library_playlists){
+			this.props.spotifyActions.getLibraryPlaylists()
+		}
+		
+		if (!this.props.mopidy_library_playlists){
+			this.props.mopidyActions.getLibraryPlaylists()
+		}
 	}
 
 	playlistSelected( playlist_uri ){

src/js/components/Modal/Modal.js

@@ -47,7 +47,7 @@ class Modal extends React.Component{
 				</div>
 				<div className="content">
 
-					{ this.props.modal.name == 'add_to_playlist' ? <AddToPlaylistModal uiActions={this.props.uiActions} coreActions={this.props.coreActions} playlists={this.props.playlists} tracks_uris={this.props.modal.data.tracks_uris} /> : null }
+					{ this.props.modal.name == 'add_to_playlist' ? <AddToPlaylistModal uiActions={this.props.uiActions} coreActions={this.props.coreActions} spotifyActions={this.props.spotifyActions} mopidyActions={this.props.mopidyActions} playlists={this.props.playlists} tracks_uris={this.props.modal.data.tracks_uris} spotify_library_playlists={this.props.spotify_library_playlists} mopidy_library_playlists={this.props.mopidy_library_playlists} /> : null }
 					{ this.props.modal.name == 'add_to_queue' ? <AddToQueueModal uiActions={this.props.uiActions} mopidyActions={this.props.mopidyActions} /> : null }
 					{ this.props.modal.name == 'create_playlist' ? <CreatePlaylistModal uiActions={this.props.uiActions} coreActions={this.props.coreActions} /> : null }
 					{ this.props.modal.name == 'edit_playlist' ? <EditPlaylistModal uiActions={this.props.uiActions} coreActions={this.props.coreActions} data={this.props.modal.data} /> : null }
@@ -79,7 +79,9 @@ const mapStateToProps = (state, ownProps) => {
 		playlists: state.core.playlists,
 		context_menu: state.ui.context_menu,
 		mopidy_connected: state.mopidy.connected,
-		spotify_authorized: state.spotify.authorization
+		spotify_authorized: state.spotify.authorization,
+		spotify_library_playlists: state.spotify.library_playlists,
+		mopidy_library_playlists: state.mopidy.library_playlists
 	}
 }
 

src/scss/components/_dragger.scss

@@ -35,7 +35,7 @@
 		@include gradient_overlay(3px,0);
 		margin: 15px;
 		padding: 40px 20px;
-		background: $darkest_grey;
+		background: $grey;
 		border: 5px solid transparent;
 		border-radius: 3px;
 		color: $white;