Files
NotionNext/themes/magzine/components/CategoryGroup.js
2024-09-13 19:05:21 +08:00

35 lines
841 B
JavaScript

import { useGlobal } from '@/lib/global'
import CategoryItem from './CategoryItem'
/**
* 分类
* @param {*} param0
* @returns
*/
const CategoryGroup = ({ currentCategory, categoryOptions }) => {
const { locale } = useGlobal()
if (!categoryOptions) {
return <></>
}
return (
<div id='category-list' className='pt-4'>
<div className='text-lg font-bold mb-2'>{locale.COMMON.CATEGORY}</div>
<div className=''>
{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