mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-18 15:09:34 +00:00
17 lines
810 B
JavaScript
17 lines
810 B
JavaScript
import Link from 'next/link'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { faFolderOpen, faFolder } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
export default function CategoryItem ({ selected, category, categoryCount }) {
|
|
return <Link 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 dark:hover:text-white hover:bg-gray-600') +
|
|
' flex text-sm items-center duration-300 cursor-pointer py-1 font-light px-2 whitespace-nowrap'}>
|
|
<div><FontAwesomeIcon icon={selected ? faFolderOpen : faFolder}
|
|
className={'mr-2'} />{category} {categoryCount && (categoryCount)}
|
|
</div>
|
|
</a>
|
|
</Link>
|
|
}
|