mirror of
https://github.com/koreanbots/core.git
synced 2025-12-16 14:30:22 +00:00
feat: added manage panel
This commit is contained in:
parent
2a6227ab83
commit
fd54629ed6
62
pages/panel.tsx
Normal file
62
pages/panel.tsx
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
import { NextPage, NextPageContext } from 'next'
|
||||||
|
import dynamic from 'next/dynamic'
|
||||||
|
import { useRouter } from 'next/router'
|
||||||
|
|
||||||
|
import { get } from '@utils/Query'
|
||||||
|
import { makeBotURL, parseCookie, redirectTo } from '@utils/Tools'
|
||||||
|
import { Bot, SubmittedBot, User } from '@types'
|
||||||
|
import BotCard from '@components/BotCard'
|
||||||
|
import SubmittedBotCard from '@components/SubmittedBotCard'
|
||||||
|
|
||||||
|
const Container = dynamic(() => import('@components/Container'))
|
||||||
|
const SEO = dynamic(() => import('@components/SEO'))
|
||||||
|
|
||||||
|
const Panel:NextPage<PanelProps> = ({ logged, user, submits }) => {
|
||||||
|
|
||||||
|
const router = useRouter()
|
||||||
|
function toLogin() {
|
||||||
|
localStorage.redirectTo = window.location.href
|
||||||
|
redirectTo(router, 'login')
|
||||||
|
}
|
||||||
|
if(!logged) {
|
||||||
|
toLogin()
|
||||||
|
return <SEO title='관리 패널' />
|
||||||
|
}
|
||||||
|
return <Container paddingTop>
|
||||||
|
<SEO title='관리 패널' />
|
||||||
|
<h1 className='text-3xl font-bold'>관리 패널</h1>
|
||||||
|
<div className='mt-6'>
|
||||||
|
<h2 className='text-2xl font-bold'>나의 봇</h2>
|
||||||
|
<div className='grid gap-x-4 2xl:grid-cols-4 md:grid-cols-2 mt-12'>
|
||||||
|
{
|
||||||
|
(user.bots as Bot[]).map(bot=> <BotCard key={bot.id} bot={bot} manage />)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className='mt-6'>
|
||||||
|
<h2 className='text-2xl font-bold'>봇 심사이력</h2>
|
||||||
|
<p className='text-left text-gray-400 text-sm font-medium'>자세히 보려면 카드를 클릭하세요.</p>
|
||||||
|
<div className='grid gap-4 2xl:grid-cols-4 md:grid-cols-2 mt-12'>
|
||||||
|
{
|
||||||
|
submits.map(el=> <SubmittedBotCard key={el.date} href={el.state ? makeBotURL(el) : `/pendingBots/${el.id}/${el.date}`} submit={el} />)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</Container>
|
||||||
|
}
|
||||||
|
|
||||||
|
export const getServerSideProps = async (ctx: NextPageContext) => {
|
||||||
|
const parsed = parseCookie(ctx)
|
||||||
|
const user = await get.Authorization(parsed?.token) || ''
|
||||||
|
const submits = await get.botSubmits.load(user)
|
||||||
|
|
||||||
|
return { props: { logged: !!user, user: await get.user.load(user), submits } }
|
||||||
|
}
|
||||||
|
|
||||||
|
interface PanelProps {
|
||||||
|
logged: boolean
|
||||||
|
user: User
|
||||||
|
submits: SubmittedBot[]
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Panel
|
||||||
Loading…
x
Reference in New Issue
Block a user