From 891dc2af7acd2c960c054ef46df45ec74639d60c Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Thu, 9 Nov 2017 16:54:52 +1300
Subject: [PATCH] Artist tracks

---
 src/js/services/core/middleware.js |  2 +-
 src/js/views/Artist.js             | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/js/services/core/middleware.js b/src/js/services/core/middleware.js
index eb106e23..0efb6071 100755
--- a/src/js/services/core/middleware.js
+++ b/src/js/services/core/middleware.js
@@ -490,7 +490,7 @@ const CoreMiddleware = (function(){
                             var tracks = [...existing_playlist.tracks, ...playlist.tracks];
                         } else if (existing_playlist.tracks){
                             var tracks = existing_playlist.tracks;
-                        } else if (action.playlist.tracks){
+                        } else if (playlist.tracks){
                             var tracks = playlist.tracks;
                         } else {
                             var tracks = [];
diff --git a/src/js/views/Artist.js b/src/js/views/Artist.js
index 066cdec6..ef47a929 100755
--- a/src/js/views/Artist.js
+++ b/src/js/views/Artist.js
@@ -161,12 +161,23 @@ class Artist extends React.Component{
 				)
 
 			default:
+
+				var tracks = [];
+				if (this.props.artist.tracks_uris && this.props.tracks){
+					for (var i = 0; i < this.props.artist.tracks_uris.length; i++){
+						var uri = this.props.artist.tracks_uris[i]
+						if (this.props.tracks.hasOwnProperty(uri)){
+							tracks.push(this.props.tracks[uri])
+						}
+					}
+				}
+
 				return (
 					<div className="body overview">
 						<div className={related_artists.length > 0 ? "col w70" : "col w100"}>
 							<h4>Top tracks</h4>
 							<div className="list-wrapper">
-								{ this.props.artist.tracks ? <TrackList className="artist-track-list" uri={this.props.params.uri} tracks={this.props.artist.tracks} /> : null }
+								<TrackList className="artist-track-list" uri={this.props.params.uri} tracks={tracks} />
 							</div>
 						</div>
 
@@ -263,8 +274,9 @@ const mapStateToProps = (state, ownProps) => {
 	return {
 		slim_mode: state.ui.slim_mode,
 		load_queue: state.ui.load_queue,
-		artist: (state.core.artists && state.core.artists[uri] !== undefined ? state.core.artists[uri] : false),
-		artists: (state.core.artists ? state.core.artists : []),
+		artist: (state.core.artists[uri] !== undefined ? state.core.artists[uri] : false),
+		tracks: state.core.tracks,
+		artists: state.core.artists,
 		spotify_library_artists: state.spotify.library_artists,
 		local_library_artists: state.mopidy.library_artists,
 		albums: (state.core.albums ? state.core.albums : []),