ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Add genres in the detailed view

Browse Source
This commit is contained in:
Grégoire Delattre 2017-01-06 23:48:45 +01:00
parent 70321d2aaf
commit f34813f3a5
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/public/js/components/list/details.js
View File

@ -1,6 +1,10 @@
import React from 'react' import React from 'react'
export default function ListDetails(props) { export default function ListDetails(props) {
let genres;
if (props.data.genres) {
genres = props.data.genres.join(', ');
}
return ( return (
<div className="col-xs-7 col-md-4"> <div className="col-xs-7 col-md-4">
<div className="show-detail affix"> <div className="show-detail affix">
@ -12,6 +16,12 @@ export default function ListDetails(props) {
&nbsp;{props.data.runtime} min &nbsp;{props.data.runtime} min
</p> </p>
} }
{props.data.genres &&
<p>
<i className="fa fa-tags"></i>
&nbsp;{genres}
</p>
}
<p> <p>
<i className="fa fa-star-o"></i> <i className="fa fa-star-o"></i>
&nbsp;{props.data.rating} <small>({props.data.votes} counts)</small> &nbsp;{props.data.rating} <small>({props.data.votes} counts)</small>