diff --git a/src/js/components/ContextMenu.js b/src/js/components/ContextMenu.js
index 03cd3783..b5905923 100755
--- a/src/js/components/ContextMenu.js
+++ b/src/js/components/ContextMenu.js
@@ -335,8 +335,13 @@ class ContextMenu extends React.Component{
setPlaylistSubmenu(expanded = !this.state.submenu_expanded){
this.setState({submenu_expanded: expanded})
- if (expanded && !this.props.library_playlists){
- this.props.coreActions.getLibraryPlaylists()
+ if (expanded){
+ if (!this.props.spotify_library_playlists){
+ this.props.spotifyActions.getLibraryPlaylists()
+ }
+ if (!this.props.mopidy_library_playlists){
+ this.props.mopidyActions.getLibraryPlaylists()
+ }
}
}
@@ -586,9 +591,12 @@ const mapStateToProps = (state, ownProps) => {
menu: state.ui.context_menu,
current_track: state.core.current_track,
current_tracklist: state.core.current_tracklist,
- library_artists: state.core.library_artists,
- library_albums: state.core.library_albums,
- library_playlists: state.core.library_playlists,
+ spotify_library_playlists: state.spotify.library_playlists,
+ mopidy_library_playlists: state.mopidy.library_playlists,
+ spotify_library_artists: state.spotify.library_artists,
+ mopidy_library_artists: state.mopidy.library_artists,
+ spotify_library_albums: state.spotify.library_albums,
+ mopidy_library_albums: state.mopidy.library_albums,
playlists: state.core.playlists,
spotify_authorized: state.spotify.authorization
}
diff --git a/src/js/components/Notifications.js b/src/js/components/Notifications.js
index 5c93f955..99b71fff 100755
--- a/src/js/components/Notifications.js
+++ b/src/js/components/Notifications.js
@@ -56,8 +56,8 @@ export default class Notifications extends React.Component{
items.push(
- { processes[key].message }
-
this.props.uiActions.cancelProcess(key) } />
+ {processes[key].message}
+ this.props.uiActions.cancelProcess(key)} />
)
}
diff --git a/src/js/index.js b/src/js/index.js
index 3d07b0f5..34e04d32 100755
--- a/src/js/index.js
+++ b/src/js/index.js
@@ -34,7 +34,6 @@ import LibraryAlbums from './views/library/LibraryAlbums'
import LibraryTracks from './views/library/LibraryTracks'
import LibraryPlaylists from './views/library/LibraryPlaylists'
import LibraryBrowse from './views/library/LibraryBrowse'
-import LibraryLocalArtists from './views/library/LibraryLocalArtists'
// setup our analytics tracking
ReactGA.initialize('UA-64701652-3');
@@ -74,7 +73,6 @@ ReactDOM.render(
-
diff --git a/src/js/views/library/LibraryBrowse.js b/src/js/views/library/LibraryBrowse.js
index 383a7c2f..85ce98cb 100755
--- a/src/js/views/library/LibraryBrowse.js
+++ b/src/js/views/library/LibraryBrowse.js
@@ -20,7 +20,6 @@ class LibraryBrowse extends React.Component{
super(props);
}
- // on render
componentDidMount(){
this.loadDirectory()
}
@@ -144,14 +143,7 @@ class LibraryBrowse extends React.Component{
} else {
- var grid_items = [
- {
- name: 'Local artists',
- link: global.baseURL+'library/browse/local-artists',
- icons: ['assets/backgrounds/browse-artists.jpg']
- }
- ]
-
+ var grid_items = []
if (this.props.directory){
for (var i = 0; i < this.props.directory.length; i++){
var directory = this.props.directory[i]
diff --git a/src/js/views/library/LibraryLocalArtists.js b/src/js/views/library/LibraryLocalArtists.js
deleted file mode 100755
index 2211ebd1..00000000
--- a/src/js/views/library/LibraryLocalArtists.js
+++ /dev/null
@@ -1,110 +0,0 @@
-
-import React, { PropTypes } from 'react'
-import { connect } from 'react-redux'
-import { bindActionCreators } from 'redux'
-
-import Header from '../../components/Header'
-import List from '../../components/List'
-
-import * as helpers from '../../helpers'
-import * as uiActions from '../../services/ui/actions'
-import * as mopidyActions from '../../services/mopidy/actions'
-import * as spotifyActions from '../../services/spotify/actions'
-
-class LibraryLocalArtists extends React.Component{
-
- constructor(props) {
- super(props);
- }
-
- // on render
- componentDidMount(){
- this.loadArtists()
- }
-
- componentWillReceiveProps( nextProps ){
- if( !this.props.mopidy_connected && nextProps.mopidy_connected ){
- this.loadArtists(nextProps);
- }
- }
-
- handleContextMenu(e,item){
- var data = {
- e: e,
- context: 'artist',
- uris: [item.uri],
- items: [item]
- }
- this.props.uiActions.showContextMenu(data)
- }
-
- loadArtists(props = this.props){
- if( props.mopidy_connected && !props.local_artists ){
- this.props.mopidyActions.getLibraryArtists();
- }
- }
-
- render(){
- var artists = []
- if (this.props.artists && this.props.local_artists){
- for (var i = 0; i < this.props.local_artists.length; i++){
- var uri = this.props.local_artists[i]
- if (this.props.artists.hasOwnProperty(uri)){
- artists.push(this.props.artists[uri])
- }
- }
- }
-
- if (artists.length <= 0 && helpers.isLoading(this.props.load_queue,['mopidy_lookup','mopidy_browse'])){
- return (
-
- )
- }
-
- return (
-
-
-
- this.handleContextMenu(e,item)}
- />
-
-
- );
- }
-}
-
-
-/**
- * Export our component
- *
- * We also integrate our global store, using connect()
- **/
-
-const mapStateToProps = (state, ownProps) => {
- return {
- load_queue: state.ui.load_queue,
- mopidy_connected: state.mopidy.connected,
- local_artists: state.core.local_artists,
- artists: state.core.artists
- }
-}
-
-const mapDispatchToProps = (dispatch) => {
- return {
- uiActions: bindActionCreators(uiActions, dispatch),
- mopidyActions: bindActionCreators(mopidyActions, dispatch),
- spotifyActions: bindActionCreators(spotifyActions, dispatch)
- }
-}
-
-export default connect(mapStateToProps, mapDispatchToProps)(LibraryLocalArtists)
\ No newline at end of file
diff --git a/src/scss/global/_variables.scss b/src/scss/global/_variables.scss
index 182b85be..a5e9bea8 100755
--- a/src/scss/global/_variables.scss
+++ b/src/scss/global/_variables.scss
@@ -116,15 +116,9 @@ $bp_shallow: 650px;
}
@keyframes slideloader {
- 0% {
- transform: translateX(-100%);
- }
- 50% {
- transform: translateX(0);
- }
- 100% {
- transform: translateX(+100%);
- }
+ 0% { left: 0%; right: 100%; }
+ 50% { left: 0%; right: 0%; }
+ 100% { left: 100%; right: 0%; }
}
@@ -204,6 +198,7 @@ $bp_shallow: 650px;
&:before {
@include animate();
+ border-radius: $radius;
content: '';
display: block;
position: absolute;