import { GetStaticPropsResult, NextPage } from 'next'

import { NotionAPI } from 'api/notion-api'

// ...

type Props = {
  data?: any
}

type StaticProps = {
  params: { pid: string }
}

const Post: NextPage<Props> = ({ data }) => {
  return (
    <PostContent data={data}>
  )
}

export const getStaticProps = async ({ params }: StaticProps): Promise<
  GetStaticPropsResult<Props>
> => {
  const notionAPI = new NotionAPI()
  const data = await notionAPI.fetchData(params)
  return {
    props: { data: data },
    revalidate: 1,
  } as GetStaticPropsResult<Props>
}

export const getStaticPaths = async () => {
  const notionAPI = new NotionAPI()
  const paths = await notionAPI.fetchPaths()
  return {
    paths: paths,
    fallback: false,
  }
}

export default Post