mirror of
https://github.com/d0zingcat/NotionNext.git
synced 2026-05-14 07:26:52 +00:00
18 lines
915 B
JavaScript
18 lines
915 B
JavaScript
import { faTag } from '@fortawesome/free-solid-svg-icons'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import Link from 'next/link'
|
|
|
|
const TagItemMini = ({ tag, selected = false }) => {
|
|
return <Link key={tag} href={selected ? '/' : `/tag/${encodeURIComponent(tag.name)}`} passHref>
|
|
<a className={`cursor-pointer inline-block rounded hover:bg-gray-500 hover:text-white duration-200
|
|
mr-2 py-0.5 px-1 text-xs whitespace-nowrap dark:hover:text-white
|
|
${selected
|
|
? 'text-white dark:text-gray-300 bg-black dark:bg-black dark:hover:bg-gray-900'
|
|
: `text-gray-600 hover:shadow-xl dark:border-gray-400 notion-${tag.color}_background dark:bg-gray-800`}` }>
|
|
<div className='font-light dark:text-gray-400'>{selected && <FontAwesomeIcon icon={faTag} className='mr-1'/>} {tag.name + (tag.count ? `(${tag.count})` : '')} </div>
|
|
</a>
|
|
</Link>
|
|
}
|
|
|
|
export default TagItemMini
|