20 lines
607 B
JavaScript
20 lines
607 B
JavaScript
|
|
import CategoryItem from './CategoryItem'
|
|
|
|
const CategoryGroup = ({ currentCategory, categoryOptions }) => {
|
|
if (!categoryOptions) {
|
|
return <></>
|
|
}
|
|
return <div id='category-list' className='pt-4'>
|
|
<div className='mb-2'><i className='mr-2 fas fa-th' />分類</div>
|
|
<div className='flex flex-wrap'>
|
|
{categoryOptions?.map(category => {
|
|
const selected = currentCategory === category.name
|
|
return <CategoryItem key={category.name} selected={selected} category={category.name} categoryCount={category.count} />
|
|
})}
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
export default CategoryGroup
|