diff --git a/src/js/components/Modal/AddToPlaylistModal.js b/src/js/components/Modal/AddToPlaylistModal.js index b92a9185..8fd75538 100755 --- a/src/js/components/Modal/AddToPlaylistModal.js +++ b/src/js/components/Modal/AddToPlaylistModal.js @@ -47,6 +47,7 @@ export default class AddToPlaylistModal extends React.Component{

Add to playlist

Select playlist to add {this.props.tracks_uris.length} track{this.props.tracks_uris.length>1?'s':null} to

+ {playlists.length <= 0 ?
No playlists available
: null}
{ playlists.map( playlist => { diff --git a/src/js/components/Modal/AuthorizationModal_Send.js b/src/js/components/Modal/AuthorizationModal_Send.js index 173c5219..8e1832b6 100755 --- a/src/js/components/Modal/AuthorizationModal_Send.js +++ b/src/js/components/Modal/AuthorizationModal_Send.js @@ -22,25 +22,21 @@ class AuthorizationModal_Send extends React.Component{ return false; } - render(){ + renderConnectionsList(){ var connections = [] for (var connection_id in this.props.connections){ - if (this.props.connections.hasOwnProperty(connection_id)) { + if (this.props.connections.hasOwnProperty(connection_id) && connection_id !== this.props.connection_id){ connections.push(this.props.connections[connection_id]) } } - return ( -
-

Share Spotify authentication

-

Send your authentication tokens to another client. When the recipient client imports this, their Iris will have full access to your Spotify account ({this.props.me.id}).

+ if (connections.length <= 0){ + return
No connections available
+ } else { + return (
{ connections.map( (connection, index) => { - - // don't list OUR connection - if (connection.connection_id == this.props.connection_id) return null - return (
this.handleClick(e, connection.connection_id) }> { connection.username } @@ -51,6 +47,16 @@ class AuthorizationModal_Send extends React.Component{ }) }
+ ) + } + } + + render(){ + return ( +
+

Share Spotify authentication

+

Send your authentication tokens to another client. When the recipient client imports this, their Iris will have full access to your Spotify account ({this.props.me.id}).

+ {this.renderConnectionsList()}
) } diff --git a/src/js/services/core/middleware.js b/src/js/services/core/middleware.js index 2edc4dff..d4fa8dac 100755 --- a/src/js/services/core/middleware.js +++ b/src/js/services/core/middleware.js @@ -23,10 +23,6 @@ const CoreMiddleware = (function(){ store.dispatch(pusherActions.connect()) store.dispatch(lastfmActions.connect()) - if (store.getState().spotify.enabled){ - store.dispatch(spotifyActions.connect()) - } - next(action) break diff --git a/src/js/services/mopidy/middleware.js b/src/js/services/mopidy/middleware.js index 283750a5..e622a6e8 100755 --- a/src/js/services/mopidy/middleware.js +++ b/src/js/services/mopidy/middleware.js @@ -239,6 +239,7 @@ const MopidyMiddleware = (function(){ enabled: true } }) + store.dispatch(spotifyActions.connect()); } // If we haven't customised our search schemes, add all to search diff --git a/src/scss/global/_core.scss b/src/scss/global/_core.scss index b7015dae..77b46397 100755 --- a/src/scss/global/_core.scss +++ b/src/scss/global/_core.scss @@ -146,6 +146,14 @@ h4 { } } +.no-results { + text-align: center; + padding: 40px; + color: $grey; + font-style: italic; + font-size: 1.2rem; +} + .placeholder { display: inline-block; height: 1.2em;