From 323e9e88a22d2afcec70b1c6dd0a1ba4d506155d Mon Sep 17 00:00:00 2001
From: Junseo Park <wonderlandpark@outlook.kr>
Date: Sat, 27 Feb 2021 11:01:38 +0900
Subject: [PATCH] feat: added applications route

---
 components/Application.tsx              | 19 +++++++++++++
 pages/developers/applications/index.tsx | 38 +++++++++++++++++++++++++
 pages/developers/index.tsx              | 10 +++++++
 types/index.ts                          |  6 ++++
 utils/Query.ts                          |  9 +++++-
 5 files changed, 81 insertions(+), 1 deletion(-)
 create mode 100644 components/Application.tsx
 create mode 100644 pages/developers/applications/index.tsx
 create mode 100644 pages/developers/index.tsx

diff --git a/components/Application.tsx b/components/Application.tsx
new file mode 100644
index 0000000..32fde96
--- /dev/null
+++ b/components/Application.tsx
@@ -0,0 +1,19 @@
+import Link from 'next/link'
+import DiscordAvatar from './DiscordAvatar'
+
+const Application = ({ type, id, name }:ApplicationProps):JSX.Element => {
+	return <Link href={`/developers/applications/${type+'s'}/${id}`}>
+		<div className='relative py-4 px-2 bg-little-white dark:bg-discord-black text-center transform hover:-translate-y-1 transition duration-100 ease-in cursor-pointer rounded-lg'>
+			<DiscordAvatar userID={id} className='w-full rounded-lg px-2' />
+			<h2 className='text-xl font-bold pt-2'>{name.slice(0, 7)}{name.length > 7 && '...'}</h2>
+		</div>
+	</Link>
+}
+
+interface ApplicationProps {
+  type: 'bot'
+  id: string
+  name: string
+}
+
+export default Application
\ No newline at end of file
diff --git a/pages/developers/applications/index.tsx b/pages/developers/applications/index.tsx
new file mode 100644
index 0000000..d28b04b
--- /dev/null
+++ b/pages/developers/applications/index.tsx
@@ -0,0 +1,38 @@
+import { NextPage, NextPageContext } from 'next'
+import dynamic from 'next/dynamic'
+
+import { get } from '@utils/Query'
+import { parseCookie } from '@utils/Tools'
+
+import { Bot, User } from '@types'
+
+const Application = dynamic(() => import('@components/Application'))
+const Container = dynamic(() => import('@components/Container'))
+const SEO = dynamic(() => import('@components/SEO'))
+
+const Applications: NextPage<ApplicationsProps> = ({ user }) => {
+	return <Container paddingTop>
+		<SEO title='개발자' description='한국 디스코드봇 리스트 API를 활용하여 봇에 다양한 기능을 추가해보세요.' />
+		<h1 className='text-3xl font-bold'>나의 봇</h1>
+		<p className='text-gray-400'>한국 디스코드봇 리스트 API를 활용하여 봇에 다양한 기능을 추가해보세요.</p>
+		<div className='grid grid-cols-8 gap-4 mt-10'>
+			{
+				(user.bots as Bot[]).map(bot => <Application key={bot.id} id={bot.id} name={bot.name} type='bot' />)
+			}
+		</div>
+	</Container>
+}
+
+interface ApplicationsProps {
+  user: User
+}
+
+export const getServerSideProps = async (ctx: NextPageContext) => {
+	const parsed = parseCookie(ctx.req)
+	const user = await get.Authorization(parsed?.token) || ''
+
+	return {
+		props: { user: await get.user.load(user) }
+	}
+}
+export default Applications
\ No newline at end of file
diff --git a/pages/developers/index.tsx b/pages/developers/index.tsx
new file mode 100644
index 0000000..223cb93
--- /dev/null
+++ b/pages/developers/index.tsx
@@ -0,0 +1,10 @@
+import { NextPage } from 'next'
+import { useRouter } from 'next/router'
+
+const Developers: NextPage = () => {
+	const router = useRouter()
+	router.push('/developers/applications')
+	return <></>
+}
+
+export default Developers
\ No newline at end of file
diff --git a/types/index.ts b/types/index.ts
index 538f411..6ddf413 100644
--- a/types/index.ts
+++ b/types/index.ts
@@ -36,6 +36,12 @@ export interface User {
 	bots: Bot[] | string[]
 }
 
+export interface BotSpec {
+	id: string
+	webhook: string | null
+	token: string
+}
+
 export enum UserFlags {
 	general = 0 << 0,
 	staff = 1 << 0,
diff --git a/utils/Query.ts b/utils/Query.ts
index fa831f4..b9f5802 100644
--- a/utils/Query.ts
+++ b/utils/Query.ts
@@ -47,7 +47,7 @@ async function getBot(id: string, owners=true):Promise<Bot> {
 		const discordBot = await get.discord.user.load(res[0].id)
 		await getMainGuild()?.members?.fetch(res[0].id).catch(e=> e)
 		if(!discordBot) return null
-		res[0].flags = res[0].flags | (discordBot.flags && DiscordUserFlags.VERIFIED_BOT ? BotFlags.verifed : 0) | (res[0].trusted ? BotFlags.trusted : 0)
+		res[0].flags = res[0].flags | (discordBot.flags && DiscordUserFlags.VERIFIED_BOT ? BotFlags.verifed : 0) | (res[0].trusted ? BotFlags.trusted : 0) | (res[0].partnered ? BotFlags.partnered : 0)
 		res[0].tag = discordBot.discriminator
 		res[0].avatar = discordBot.avatar
 		res[0].name = discordBot.username
@@ -219,6 +219,12 @@ async function submitBot(id: string, data: AddBotSubmit):Promise<number|Submitte
 	return await getBotSubmit(botId, date)
 }
 
+async function getBotSpec(id: string, userID: string) {
+	const res = await knex('bots').select(['id', 'token', 'webhook']).where({ id }).andWhere('owners', 'like', `%${userID}%`)
+	if(!res[0]) return null
+	return serialize(res[0])
+}
+
 async function getImage(url: string) {
 	const res = await fetch(url)
 	if(!res.ok) return null
@@ -291,6 +297,7 @@ export const get = {
 				return await getBotSubmit(json.id, json.date)
 			}))).map(row => serialize(row))
 		, { cacheMap: new TLRU({ maxStoreSize: 50, maxAgeMs: 60000 }) }),
+	botSpec: getBotSpec,
 	list: {
 		category: new DataLoader(
 			async (key: string[]) =>