wonderlandpark/core
2
1
Fork 0
mirror of https://github.com/koreanbots/core.git synced 2025-12-16 14:30:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: fetching data and showing

Browse Source
This commit is contained in:
원더 2021-01-07 01:20:30 +09:00
parent b3ffe82d02
commit dcacdf31b7
1 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
pages/bots/[id].tsx
View File

@ -1,21 +1,35 @@
import { NextPage, NextPageContext } from 'next' import { NextPage, NextPageContext } from 'next'
import { ParsedUrlQuery } from 'querystring' import { ParsedUrlQuery } from 'querystring'
import Container from '../../components/Container' import Container from '../../components/Container'
import DiscordImage from '../../components/DiscordImage'
import { Bot } from '../../types'
import Fetch from '../../utils/Fetch' import Fetch from '../../utils/Fetch'
import NotFound from '../404'
const Bots:NextPage = () => { const Bots:NextPage<BotsProps> = ({ data }) => {
return <Container> console.log(data)
<h1>GG</h1> if(!data.id) return <NotFound />
return <Container paddingTop className='py-10 lg:flex'>
<div className='w-full lg:w-1/3 flex-col'>
<DiscordImage userID={data.id} avatarHash={data.avatar} tag={data.tag} className='w-full'/>
</div>
<div className='py-10 px-4 flex-col w-full text-center lg:text-left'>
<h1 className='text-4xl font-bold mb-5'>{data.name}</h1>
<p className='text-base'>{data.desc}</p>
</div>
</Container> </Container>
} }
export const getServerSideProps = async (ctx: Context) => { export const getServerSideProps = async (ctx: Context) => {
console.log(ctx.query) const data = await Fetch.bot.load(ctx.query.id)
return { props: { data: {} } } return { props: { data } }
} }
export default Bots export default Bots
interface BotsProps {
data: Bot
}
interface Context extends NextPageContext { interface Context extends NextPageContext {
query: Query query: Query
} }