From b53a3f412e702613f61ab20dc22517d7e6f0d28d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Mon, 11 Jan 2021 13:02:40 +0900
Subject: [PATCH] feat: using discord avatar component

---
 components/BotCard.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/components/BotCard.tsx b/components/BotCard.tsx
index 4fa376b..e748aab 100644
--- a/components/BotCard.tsx
+++ b/components/BotCard.tsx
@@ -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'>