diff --git a/src/js/components/Sidebar.js b/src/js/components/Sidebar.js index 947bf227..ad305c7c 100755 --- a/src/js/components/Sidebar.js +++ b/src/js/components/Sidebar.js @@ -76,6 +76,10 @@ class Sidebar extends React.Component{ Albums + + + Tracks + Browse diff --git a/src/js/services/spotify/reducer.js b/src/js/services/spotify/reducer.js index 25f02494..f3e5ea87 100755 --- a/src/js/services/spotify/reducer.js +++ b/src/js/services/spotify/reducer.js @@ -174,6 +174,31 @@ export default function reducer(spotify = {}, action){ } return Object.assign({}, spotify, { library_albums: uris }) + case 'SPOTIFY_LIBRARY_TRACKS_LOADED': + case 'SPOTIFY_LIBRARY_TRACKS_LOADED_MORE': + var tracks = action.data.items + + if (tracks){ + for (var i = 0; i < tracks.length; i++){ + var track = Object.assign( + {}, + tracks[i].track, + { + added_at: tracks[i].added_at + } + ) + tracks[i] = track + } + if (spotify.library_tracks){ + tracks = [...spotify.library_tracks,...tracks] + } + } + + return Object.assign({}, spotify, { + library_tracks: tracks, + library_tracks_more: action.data.next + }) + case 'SPOTIFY_LIBRARY_PLAYLISTS_CLEAR': return Object.assign({}, spotify, { library_playlists: [] }) diff --git a/src/js/views/library/LibraryTracks.js b/src/js/views/library/LibraryTracks.js index 4f399d3c..21098304 100755 --- a/src/js/views/library/LibraryTracks.js +++ b/src/js/views/library/LibraryTracks.js @@ -44,7 +44,7 @@ class LibraryTracks extends React.Component{
{ this.props.tracks ? : null } - this.loadMore() }/> + this.loadMore()}/>
);