2016-10-16 12:37:37 +13:00
|
|
|
|
|
|
|
|
import React, { PropTypes } from 'react'
|
|
|
|
|
import { Link } from 'react-router'
|
2016-10-25 21:36:33 +13:00
|
|
|
import Thumbnail from './Thumbnail'
|
2016-10-16 12:37:37 +13:00
|
|
|
|
|
|
|
|
export default class ArtistList extends React.Component{
|
|
|
|
|
|
|
|
|
|
constructor(props) {
|
|
|
|
|
super(props);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
render(){
|
|
|
|
|
return (
|
|
|
|
|
<span className="artist-list">
|
|
|
|
|
{
|
|
|
|
|
this.props.artists.map( (artist, index) => {
|
|
|
|
|
var link = '/artist/' + artist.uri;
|
|
|
|
|
return (
|
2016-10-25 21:36:33 +13:00
|
|
|
<Link to={ link } key={artist.uri} className="artist">
|
|
|
|
|
<Thumbnail circle={true} size="small" images={artist.images} />
|
|
|
|
|
<span className="name">{ artist.name }</span>
|
|
|
|
|
</Link>
|
2016-10-16 12:37:37 +13:00
|
|
|
);
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
</span>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|