fix: BotCard button component rendered as Tag

This commit is contained in:
wonderlandpark 2021-05-05 21:53:07 +09:00
parent c25d60eeef
commit afc8e2e2dd
No known key found for this signature in database
GPG Key ID: E3E650B146478C64

View File

@ -10,7 +10,9 @@ import DiscordAvatar from '@components/DiscordAvatar'
const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
return (
<div className='container mb-16 transform hover:-translate-y-1 transition duration-100 ease-in'>
<Link href={makeBotURL(bot)}>
<a>
<div className='container mb-16 transform hover:-translate-y-1 transition duration-100 ease-in cursor-pointer'>
<div className='relative'>
<div className='container mx-auto'>
<div className='h-full'>
@ -25,8 +27,8 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
: {}
}
>
<Link href={makeBotURL(bot)}>
<a className='cursor-pointer'>
<div className='flex h-44'>
<div className='w-3/5'>
<div className='flex justify-start'>
@ -71,9 +73,9 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
))}{' '}
{bot.category.length > 3 && <Tag text={`+${bot.category.length - 3}`} dark />}
</div>
</a>
</Link>
<Divider />
<div>
<div className='flex justify-evenly'>
<Link href={makeBotURL(bot)}>
<a className='py-3 w-full text-center text-koreanbots-blue hover:text-white text-sm font-bold hover:bg-koreanbots-blue rounded-bl-2xl hover:shadow-lg transition duration-100 ease-in'>
@ -110,6 +112,9 @@ const BotCard = ({ manage = false, bot }: BotProps): JSX.Element => {
</div>
</div>
</div>
</div>
</a>
</Link>
)
}