import { ArticleDetails } from '@/components/ArticleDetails'
import { ArticleNavLinks } from '@/components/ArticleNavLinks'
import { Breadcrumb } from '@/components/Breadcrumb'
import { Mdx } from '@/components/Mdx'
import { MetaHead } from '@/components/MetaHead'
import { Sidebar } from '@/components/Sidebar'
import { Article, ArticleLinks, Category, Section, SidebarContentList } from '@/types/content-types'
import {
getArticle,
getArticleSource,
getCategory,
getLinks,
getSection,
getSections,
} from '@/utils/content'
import { getSidebarContentList } from '@/utils/getSidebarContentList'
import { GetStaticPaths, GetStaticProps } from 'next'
import { MDXRemoteSerializeResult } from 'next-mdx-remote'
import { useTheme } from 'next-themes'
export type ArticleProps = {
type: 'article'
sidebar: SidebarContentList
section: Section
category: Category
article: Article
links: ArticleLinks
mdxSource: MDXRemoteSerializeResult
}
export default function ArticlePage({
mdxSource,
section,
category,
article,
links,
sidebar,
}: ArticleProps) {
const theme = useTheme()
return (
<>
>
)
}
export const getStaticPaths: GetStaticPaths = async () => {
const sections = await getSections()
const paths: { params: { sectionId: string; childId: string; articleId: string } }[] = []
for (const section of sections) {
for (const category of section.categories) {
if (category.id === 'ucg') continue
for (const articleId of category.articleIds) {
paths.push({ params: { sectionId: section.id, childId: category.id, articleId } })
}
}
}
return { paths, fallback: false }
}
export const getStaticProps: GetStaticProps = async (ctx) => {
const sectionId = ctx.params?.sectionId?.toString() as string
const categoryId = ctx.params?.childId?.toString() as string
const articleId = ctx.params?.articleId?.toString()
if (!articleId) throw Error()
const sidebar = await getSidebarContentList({ sectionId, categoryId, articleId })
const section = await getSection(sectionId)
const category = await getCategory(sectionId, categoryId)
const article = await getArticle(articleId)
const links = await getLinks(articleId)
const mdxSource = await getArticleSource(articleId)
return {
props: {
type: 'article',
article,
section,
category,
sidebar,
links,
mdxSource,
},
}
}