mirror of
https://github.com/koreanbots/core.git
synced 2025-12-15 14:10:22 +00:00
feat: added pendingBots route
This commit is contained in:
parent
327bf63839
commit
6c3c51ec91
177
pages/pendingBots/[id]/[date].tsx
Normal file
177
pages/pendingBots/[id]/[date].tsx
Normal file
@ -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
|
||||
Loading…
x
Reference in New Issue
Block a user