From 6c3c51ec919dacc80d39977e80376567a9f91e6e Mon Sep 17 00:00:00 2001
From: Junseo Park <wonderlandpark@outlook.kr>
Date: Sun, 14 Feb 2021 13:43:26 +0900
Subject: [PATCH] feat: added pendingBots route

---
 pages/pendingBots/[id]/[date].tsx | 177 ++++++++++++++++++++++++++++++
 1 file changed, 177 insertions(+)
 create mode 100644 pages/pendingBots/[id]/[date].tsx

diff --git a/pages/pendingBots/[id]/[date].tsx b/pages/pendingBots/[id]/[date].tsx
new file mode 100644
index 0000000..790733f
--- /dev/null
+++ b/pages/pendingBots/[id]/[date].tsx
@@ -0,0 +1,177 @@
+import { NextPage, NextPageContext } from 'next'
+import dynamic from 'next/dynamic'
+import Link from 'next/link'
+
+import { get } from '@utils/Query'
+import { git } from '@utils/Constants'
+
+import { SubmittedBot, User } from '@types'
+
+import { ParsedUrlQuery } from 'querystring'
+
+import NotFound from 'pages/404'
+import Day from '@utils/Day'
+
+const Container = dynamic(() => import('@components/Container'))
+const SEO = dynamic(() => import('@components/SEO'))
+const Divider = dynamic(() => import('@components/Divider'))
+const LongButton = dynamic(() => import('@components/LongButton'))
+const Tag = dynamic(() => import('@components/Tag'))
+const Advertisement = dynamic(() => import('@components/Advertisement'))
+const Segment = dynamic(() => import('@components/Segment'))
+const Markdown = dynamic(() => import ('@components/Markdown'))
+const Owner = dynamic(() => import('@components/Owner'))
+const Message = dynamic(() => import('@components/Message'))
+
+const PendingBot: NextPage<PendingBotProps> = ({ data }) => {
+	if(!data) return <NotFound />
+	return <Container paddingTop className='py-10'>
+		<SEO title='심사이력' />
+		<div className='lg:flex w-full'>
+			<div className='w-full lg:w-3/4 pr-5 py-8 text-center lg:text-left'>
+				{
+					data.state === 0 ? <Message type='info'>
+						<h2 className='text-lg font-black'>승인 대기중</h2>
+						<p>해당 봇은 아직 승인 대기 상태입니다.</p>
+						
+					</Message> 
+						: data.state === 1 ? <Message type='success'>
+							<h2 className='text-lg font-black'>승인됨</h2>
+							<p>신청하신 해당 봇이 승인되었습니다!</p>
+							<p><Link href={`/bots/${data.id}`}><a className='text-blue-500 hover:text-blue-400'>봇 페이지</a></Link></p>
+						</Message> : <Message type='error'>
+							<h2 className='text-lg font-black'>거부됨</h2>
+							<p>아쉽게도 신청하신 해당 봇은 거부되었습니다.</p>
+							{
+								data.reason && <p>사유: <strong>{data.reason}</strong></p>
+							}
+						</Message>
+				}
+				<p className='dark:text-gray-300 text-gray-800 text-base mt-10'>{data.intro}</p>
+			</div>
+			<div className='w-full lg:w-1/4 lg:pt-8'>
+				<LongButton
+					newTab
+					href={
+						data.url ??
+							`https://discordapp.com/oauth2/authorize?client_id=${data.id}&scope=bot&permissions=0`
+					}
+				>
+					<h4 className='whitespace-nowrap'>
+						<i className='fas fa-user-plus text-discord-blurple' /> 초대하기
+					</h4>
+				</LongButton>
+			</div>
+			
+			
+		</div>
+		<Divider className='px-5' />
+		<div className='lg:flex lg:flex-row-reverse'>
+			<div className='mb-1 w-full lg:w-1/4'>
+				<h2 className='3xl mb-2 font-bold'>정보</h2>
+				<div className='grid gap-4 grid-cols-2 px-4 py-4 text-black dark:text-gray-400 dark:bg-discord-black bg-little-white rounded-sm'>
+					<div>
+						<i className='fas fa-fingerprint' /> ID
+					</div>
+					<div className='text-black dark:text-gray-400'>
+						{data.id}
+					</div>
+					<div>
+						<i className='fas fa-calendar-day' /> 등록일
+					</div>
+					<div className='text-black dark:text-gray-400'>
+						{Day(data.date * 1000).format('LLL')}
+					</div>
+					<div>
+						<i className='far fa-flag' /> 접두사
+					</div>
+					<div className='markdown-body text-black dark:text-gray-400'>
+						<code>{data.prefix}</code>
+					</div>
+				</div>
+				<h2 className='3xl mb-2 mt-2 font-bold'>카테고리</h2>
+				<div className='flex flex-wrap'>
+					{data.category.map(el => (
+						<Tag key={el} text={el} href={`/categories/${el}`} />
+					))}
+				</div>
+				<h2 className='3xl mb-2 mt-2 font-bold'>제작자</h2>
+				{(data.owners as User[]).map(el => (
+					<Owner
+						key={el.id}
+						id={el.id}
+						tag={el.tag}
+						username={el.username}
+					/>
+				))}
+				<div className='list grid'>
+					{data.discord && (
+						<a
+							rel='noopener noreferrer'
+							target='_blank'
+							className='text-discord-blurple hover:underline'
+							href={`https://discord.gg/${data.discord}`}
+						>
+							<i className='fab fa-discord' />
+								디스코드 서버
+						</a>
+					)}
+					{data.web && (
+						<a
+							rel='noopener noreferrer'
+							target='_blank'
+							className='text-blue-500 hover:underline'
+							href={data.web}
+						>
+							<i className='fas fa-globe' />
+								웹사이트
+						</a>
+					)}
+					{data.git && (
+						<a
+							rel='noopener noreferrer'
+							target='_blank'
+							className='hover:underline'
+							href={data.git}
+						>
+							<i className={`fab fa-${git?.[new URL(data.git).hostname].icon ?? 'git-alt'}`} />
+							{git?.[new URL(data.git).hostname].text ?? 'Git'}
+						</a>
+					)}
+				</div>
+				<Advertisement />
+			</div>
+			<div className='markdown-body pt-10 w-full lg:pr-5 lg:w-3/4'>
+				<Advertisement />
+				<Segment className='my-4'>
+					<Markdown text={data.desc}/>
+				</Segment>
+				<Advertisement />
+			</div>
+		</div>
+	</Container>
+}
+
+export const getServerSideProps = async (ctx: Context) => {
+	const data = await get.botSubmit.load(JSON.stringify(ctx.query))
+	return {
+		props: {
+			data
+		}
+	}
+}
+
+interface PendingBotProps {
+  data: SubmittedBot
+}
+
+interface Context extends NextPageContext {
+  query: URLQuery
+}
+
+interface URLQuery extends ParsedUrlQuery {
+  id: string
+  date: string
+}
+
+export default PendingBot
\ No newline at end of file