From a0a58b0cd88705c4c23118e7da26acb82b33bbe0 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Thu, 17 Aug 2017 17:45:18 +1200
Subject: [PATCH] Dropzone visibility; Load my playlists if not already loaded

---
 src/js/components/Modal/AddToPlaylistModal.js | 8 ++++++++
 src/js/components/Modal/Modal.js              | 6 ++++--
 src/scss/components/_dragger.scss             | 2 +-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/js/components/Modal/AddToPlaylistModal.js b/src/js/components/Modal/AddToPlaylistModal.js
index dce01539..2935ded6 100755
--- a/src/js/components/Modal/AddToPlaylistModal.js
+++ b/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 ){
diff --git a/src/js/components/Modal/Modal.js b/src/js/components/Modal/Modal.js
index 02da993e..2bce1a62 100755
--- a/src/js/components/Modal/Modal.js
+++ b/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
 	}
 }
 
diff --git a/src/scss/components/_dragger.scss b/src/scss/components/_dragger.scss
index 1f2bc5f8..a9b36266 100755
--- a/src/scss/components/_dragger.scss
+++ b/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;