From c8cc71649a03bbe0b454fabd3a48a174a96a37cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=9B=90=EB=8D=94?= <wonderbotsupport@naver.com>
Date: Wed, 10 Feb 2021 17:01:05 +0900
Subject: [PATCH] feat: added SubmittedBotCard Component

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

diff --git a/components/SubmittedBotCard.tsx b/components/SubmittedBotCard.tsx
new file mode 100644
index 0000000..f8664b5
--- /dev/null
+++ b/components/SubmittedBotCard.tsx
@@ -0,0 +1,36 @@
+import { Status } from '@utils/Constants'
+
+import Tag from './Tag'
+
+import { SubmittedBot } from '@types'
+import Link from 'next/link'
+
+const SubmittedBotCard = ({ href, submit }:SubmittedBotProps):JSX.Element => {
+	return <Link href={href}>
+		<a className='relative mx-auto w-full h-full text-black dark:text-white dark:bg-discord-black bg-little-white rounded-2xl shadow-xl px-4 py-5 transform hover:-translate-y-1 transition duration-100 ease-in'>
+			<div className='flex h-32'>
+				<div className='flex-grow'>
+					<h2 className='text-lg'>{submit.id}</h2>
+					<p className='text-left text-gray-400 text-sm font-medium mt-1.5 h-6'>{submit.intro}</p>
+				</div>
+				<div className='grid grid-cols-1 px-4 w-2/5 h-0 absolute right-0'>
+					<Tag
+						text={
+							<>
+								<i className={`fas fa-circle text-${[Status.offline, Status.online, Status.dnd][submit.state]?.color}`} />
+								{' '}{['대기중', '승인됨', '거부됨'][submit.state]}
+							</>
+						}
+						dark
+					/>
+				</div>
+			</div>
+		</a>
+	</Link>
+}
+
+interface SubmittedBotProps {
+	href: string
+  submit: SubmittedBot
+}
+export default SubmittedBotCard
\ No newline at end of file