secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Related artists list

Browse Source
This commit is contained in:
James Barnsley
2018-11-09 16:45:57 +13:00
parent c5a961cc0a
commit 509a25feba
13 changed files with 125 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/js/components/RelatedArtists.js
View File

@ -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>
)
}