mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 07:26:52 +00:00
23 lines
943 B
JavaScript
23 lines
943 B
JavaScript
import Link from 'next/link'
|
|
import React from 'react'
|
|
|
|
const CategoryGroup = ({ currentCategory, categories }) => {
|
|
return <>
|
|
<div id='category-list' className='dark:border-gray-600 flex flex-wrap'>
|
|
{Object.keys(categories).map(category => {
|
|
const selected = currentCategory === category
|
|
return <Link key={category} href={`/category/${category}`} passHref>
|
|
<a className={(selected
|
|
? 'hover:text-white dark:hover:text-white bg-gray-600 text-white '
|
|
: 'dark:text-gray-400 text-gray-500 hover:text-white hover:bg-gray-500 dark:hover:text-white') +
|
|
' text-sm w-full items-center duration-300 px-2 cursor-pointer py-1 font-light'}>
|
|
<i className={`${selected ? 'text-white fa-folder-open ' : 'text-gray-400 fa-folder '} mr-2 fas`} />{category}({categories[category]})
|
|
</a>
|
|
</Link>
|
|
})}
|
|
</div>
|
|
</>
|
|
}
|
|
|
|
export default CategoryGroup
|