From 63d112cdb2c4b3dfe59c324a802367700b080470 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 14:57:48 +0900
Subject: [PATCH] feat: added Owner

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

diff --git a/components/Owner.tsx b/components/Owner.tsx
new file mode 100644
index 0000000..9ac242d
--- /dev/null
+++ b/components/Owner.tsx
@@ -0,0 +1,22 @@
+import Link from 'next/link'
+import DiscordImage from './DiscordImage'
+
+const Owner = ({ id, username, tag, avatarHash }:OwnerProps):JSX.Element => {
+	return <Link href={`/users/${id}`}>
+		<a className='text-base bg-little-white dark:bg-discord-black text-black dark:text-gray-400 px-2 py-1 rounded mr-1 mb-1 hover:bg-little-white-hover dark:hover:bg-discord-dark-hover flex'>
+			<DiscordImage userID={id} tag={tag} avatarHash={avatarHash} className='rounded-full mr-4' size={30} />
+			<div className='ml-3 py-2'>
+				{username} <span className='text-gray-300 text-sm'>#{tag}</span>
+			</div>
+		</a>
+	</Link>
+}
+
+export default Owner
+
+interface OwnerProps {
+  id: string
+  tag: string
+  avatarHash: string
+  username: string
+}
\ No newline at end of file