Related artists list

src/js/components/RelatedArtists.js

@@ -13,7 +13,7 @@ export default class RelatedArtists extends React.Component{
 		if (!this.props.artists ) return null
 
 		return (
-			<div className="list related-artist-list">
+			<div className="related-artists">
 				{
 					this.props.artists.map((artist, index) => {
 
@@ -24,16 +24,16 @@ export default class RelatedArtists extends React.Component{
 
 						if (artist.uri){
 							return (
-								<URILink type="artist" uri={artist.uri} key={artist.uri} className="artist">
-									<Thumbnail circle={true} size="small" images={images} />
-									<span className="name">{ artist.name }</span>
+								<URILink type="artist" uri={artist.uri} key={artist.uri} className="related-artists__item related-artists__item--link">
+									<Thumbnail className="related-artists__item__thumbnail" circle={true} size="small" images={images} />
+									<span className="related-artists__item__name">{ artist.name }</span>
 								</URILink>
 							)
 						} else {
 							return (
-								<span key={artist.uri} className="artist">
-									<Thumbnail circle={true} size="small" images={images} />
-									<span className="name">{ artist.name }</span>
+								<span key={artist.uri} className="related-artists__item">
+									<Thumbnail className="related-artists__item__thumbnail" circle={true} size="small" images={images} />
+									<span className="related-artists__item__name">{ artist.name }</span>
 								</span>
 							)
 						}

src/js/components/Track.js

@@ -259,15 +259,6 @@ export default class Track extends React.Component{
 			}
 		}
 
-		/*
-		if (this.props.show_source_icon){
-			track_details.push(
-				<li className="list__item__details__item list__item__details__item--source" key="source">
-					<Icon type="fontawesome" name={helpers.sourceIcon(track.uri)} fixedWidth />
-				</li>
-			)
-		}*/
-
 		// If we're touchable, and can sort this tracklist
 		var drag_zone = null;
 		if (helpers.isTouchDevice() && this.props.can_sort){
@@ -304,6 +295,9 @@ export default class Track extends React.Component{
 							<span className="list__item__column__item list__item__column__item--duration">
 								{track.duration ? <Dater type="length" data={track.duration} /> : '-'}
 							</span>
+							{this.props.show_source_icon ? <span className="list__item__column__item list__item__column__item--source">
+									<Icon type="fontawesome" name={helpers.sourceIcon(track.uri)} fixedWidth />
+								</span> : null}
 							<ContextMenuTrigger className="list__item__column__item--context-menu-trigger subtle" onTrigger={e => this.props.handleContextMenu(e)} />
 						</div>
 						<div className="list__item__column list__item__column--name">

src/js/views/QueueHistory.js

@@ -73,6 +73,7 @@ class QueueHistory extends React.Component{
 						className="queue-history-track-list"
 						context="history"
 						tracks={tracks}
+						show_source_icon={true}
 					/>
 				</section>