From 40090f0203ea5815f9f3a45f62917107cdd6fe1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Thu, 7 Jan 2021 01:15:30 +0900
Subject: [PATCH] feat: added DiscordImage component for image optimizing

---
 components/DiscordImage.tsx | 7 +++++++
 1 file changed, 7 insertions(+)
 create mode 100644 components/DiscordImage.tsx

diff --git a/components/DiscordImage.tsx b/components/DiscordImage.tsx
new file mode 100644
index 0000000..e1a7403
--- /dev/null
+++ b/components/DiscordImage.tsx
@@ -0,0 +1,7 @@
+import NextImage from 'next/image'
+
+const DiscordImage = (props: { userID: string, avatarHash: string, tag: number|string, className?: string }) => {
+	return <NextImage className={props.className} src={props.avatarHash ? `https://cdn.discordapp.com/avatars/${props.userID}/${props.avatarHash}.png?size=1024` : `https://cdn.discordapp.com/embed/avatars/${Number(props.tag) % 5}.png?size=1024`} width={512} height={512} onError={(e)=> e.target.src = '/img/default.png'}/>
+}
+
+export default DiscordImage