renderItemsByType = (type) => {
const items = _.flow(
_.filter(_.overEvery([
META.isParent,
META.isType(type),
({ _meta }) => new RegExp(this.state.query, 'i').test(_meta.name),
])),
_.sortBy('_meta.name'),
_.map(({ _meta }) => {
const route = `${_meta.type}s/${_.kebabCase(_meta.name)}`
return (
<Link to={route} className='item' activeClassName='active' key={_meta.name}>
{_meta.name}
</Link>
)
})
)(stardust)
return _.isEmpty(items) ? [] : (
<div className='item' key={type}>
<div className='header'>{_.capitalize(type)}s</div>
<div className='menu'>{items}</div>
</div>
)
}
.filter(component => META.isType(component, type))