import React, { PropTypes } from 'react'
import { Link } from 'react-router'
import Thumbnail from './Thumbnail'

export default class ArtistList extends React.Component{

	constructor(props) {
		super(props);
	}

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

		return (
			<div className="artist-list">
				{
					this.props.artists.map( (artist, index) => {
						var link = '/artist/' + artist.uri;
						return (
							<Link to={ link } key={artist.uri} className="artist">
								<Thumbnail circle={true} size="small" images={artist.images} />
								<span className="name">{ artist.name }</span>
							</Link>
						);
					})
				}
			</div>
		);
	}
}