feat: added truncate

This commit is contained in:
원더 2021-01-09 21:52:56 +09:00
parent d18184c389
commit 40d79be33d

View File

@ -6,7 +6,6 @@ import Tag from './Tag'
import Link from 'next/link' import Link from 'next/link'
const BotCard = ({ bot }: BotProps): JSX.Element => { const BotCard = ({ bot }: BotProps): JSX.Element => {
console.log(`${bot.vanity}`)
return ( return (
<div className="container mb-20"> <div className="container mb-20">
<div className="relative"> <div className="relative">
@ -33,7 +32,7 @@ const BotCard = ({ bot }: BotProps): JSX.Element => {
<i className={`fas fa-circle text-${Status[bot.status]?.color}`} /> <i className={`fas fa-circle text-${Status[bot.status]?.color}`} />
{Status[bot.status]?.text} {Status[bot.status]?.text}
</h2> </h2>
<h1 className="mb-3 text-left text-3xl font-bold"> <h1 className="mb-3 text-left text-2xl font-bold truncate">
{bot.name}{' '} {bot.name}{' '}
{bot.trusted && ( {bot.trusted && (
<span className="text-koreanbots-blue text-3xl"> <span className="text-koreanbots-blue text-3xl">
@ -56,9 +55,9 @@ const BotCard = ({ bot }: BotProps): JSX.Element => {
<Tag blurple text={<>{formatNumber(bot.servers)} </>} dark /> <Tag blurple text={<>{formatNumber(bot.servers)} </>} dark />
</div> </div>
</div> </div>
<div className="category"> <div className="category px-2">
{bot.category.slice(5).map(el => ( {bot.category.slice(0, 5).map(el => (
<Tag key={el} text={el} href={`/categories/${el}`} /> <Tag key={el} text={el} href={`/categories/${el}`} dark/>
))} ))}
</div> </div>
<Divider /> <Divider />