Playlist list... not sure if cleanest way to build components

This commit is contained in:
James Barnsley
2016-10-21 23:27:50 +13:00
parent 667efba1f7
commit 5b7f4f5831
13 changed files with 259 additions and 80 deletions

View File

@ -0,0 +1,39 @@
import React, { PropTypes } from 'react'
import FontAwesome from 'react-fontawesome'
import { Link } from 'react-router'
import ListItem from './ListItem'
import ItemSource from './ItemSource'
export default class PlaylistListItem extends React.Component{
constructor(props) {
super(props);
}
renderOwner(){
if( !this.props.item.owner ) return null;
return (
<Link to={ '/user/'+this.props.item.owner.uri }>
{ this.props.item.owner.id }
</Link>
);
}
render(){
return (
<ListItem extraClasses="playlist" link={ '/playlist/'+this.props.item.uri }>
<span className="col name">
{this.props.item.name}
</span>
<span className="col owner">
{ this.renderOwner() }
</span>
<span className="col source">
<ItemSource uri={this.props.item.uri} />
</span>
</ListItem>
);
}
}