27 lines
550 B
JavaScript
Executable File
27 lines
550 B
JavaScript
Executable File
import React, { memo } from 'react';
|
|
import GridItem from './GridItem';
|
|
import { encodeUri } from '../util/format';
|
|
|
|
export default memo(({
|
|
categories,
|
|
className,
|
|
mini,
|
|
}) => {
|
|
if (!categories) return null;
|
|
|
|
return (
|
|
<div className={`grid grid--tiles ${className} ${mini ? 'grid--mini' : ''}`}>
|
|
{
|
|
categories.map((category) => (
|
|
<GridItem
|
|
key={category.uri}
|
|
type="category"
|
|
item={category}
|
|
link={`/discover/categories/${encodeUri(category.uri)}`}
|
|
/>
|
|
))
|
|
}
|
|
</div>
|
|
);
|
|
});
|