Iris/src/js/components/RelatedArtists.js

import React, { PropTypes } from 'react'
import Thumbnail from './Thumbnail'
import URILink from './URILink'

export default class RelatedArtists extends React.Component{

	constructor(props){
		super(props)
	}

	render(){
		if (!this.props.artists ) return null

		return (
			<div className="list related-artist-list">
				{
					this.props.artists.map((artist, index) => {
						if (artist.uri){
							return (
								<URILink type="artist" uri={artist.uri} key={artist.uri} className="artist">
									<Thumbnail circle={true} size="small" images={artist.images} />
									<span className="name">{ artist.name }</span>
								</URILink>
							)
						} else {
							return (
								<span key={artist.uri} className="artist">
									<Thumbnail circle={true} size="small" images={artist.images} />
									<span className="name">{ artist.name }</span>
								</span>
							)
						}
					})
				}
			</div>
		);
	}
}