31 lines
638 B
JavaScript
31 lines
638 B
JavaScript
|
|
||
|
|
import React, { PropTypes } from 'react'
|
||
|
|
import GridItem from './GridItem'
|
||
|
|
|
||
|
|
export default class CategoryGrid extends React.Component{
|
||
|
|
|
||
|
|
constructor(props) {
|
||
|
|
super(props);
|
||
|
|
}
|
||
|
|
|
||
|
|
render(){
|
||
|
|
if( this.props.categories ){
|
||
|
|
var className = "grid category-grid"
|
||
|
|
if( this.props.className ) className += ' '+this.props.className
|
||
|
|
return (
|
||
|
|
<div className={className}>
|
||
|
|
{
|
||
|
|
this.props.categories.map(
|
||
|
|
(category, index) => {
|
||
|
|
return <GridItem item={category} key={index} link={'/discover/categories/'+category.id} />
|
||
|
|
}
|
||
|
|
)
|
||
|
|
}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|