wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-15 14:10:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: using discord avatar component

Browse Source
This commit is contained in:
원더 2021-01-11 13:02:40 +09:00
parent 0e2c59a32b
commit b53a3f412e
1 changed files with 2 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
components/BotCard.tsx
View File

@ -4,6 +4,7 @@ import { Status } from '../utils/Constants'
import Divider from './Divider'
import Tag from './Tag'
import Link from 'next/link'
import DiscordAvatar from './DiscordAvatar'
const BotCard = ({ bot }: BotProps): JSX.Element => {
return (
@ -15,16 +16,7 @@ const BotCard = ({ bot }: BotProps): JSX.Element => {
<div className='flex h-44'>
<div className='w-2/3'>
<div className='flex justify-start'>
<img
alt='Avatar'
src={
bot.avatar
? `https://cdn.discordapp.com/avatars/${bot.id}/${bot.avatar}.png?size=1024`
: `https://cdn.discordapp.com/embed/avatars/${Number(bot.tag) %
5}.png?size=1024`
}
className='rounded-full absolute -left-2 -top-8 mx-auto w-32 h-32 bg-white'
/>
<DiscordAvatar size={128} userID={bot.id} avatarHash={bot.avatar} tag={bot.tag} alt='Avatar' className='rounded-full absolute -left-2 -top-8 mx-auto w-32 h-32 bg-white'/>
</div>
<div className='mt-28 px-4'>