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;