// Hooks
import { useApp } from 'site/hooks/useApp.mjs'
// Dependencies
import Head from 'next/head'
import { mdxLoader } from 'shared/mdx/loader.mjs'
// Components
import { PageWrapper } from 'site/components/wrappers/page.mjs'
import { MdxWrapper } from 'shared/components/wrappers/mdx.mjs'
import { ReadMore } from 'shared/components/mdx/read-more.mjs'
import { jargon } from 'site/jargon.mjs'
const DocsPage = ({ title, mdx, bugsnag }) => {
const app = useApp({ bugsnag })
const fullTitle = title + ' - FreeSewing.org'
// We don't need all MDX components here, just ReadMore
const components = {
ReadMore: (props) => ,
}
return (
{fullTitle}
)
}
export default DocsPage
/*
* getStaticProps() is used to fetch data at build-time.
*
* On this page, it is loading the mdx (markdown) content
* from the markdown file on disk.
*
* This, in combination with getStaticPaths() below means this
* page will be used to render/generate all markdown/mdx content.
*
* To learn more, see: https://nextjs.org/docs/basic-features/data-fetching
*/
export async function getStaticProps({ locale }) {
const { mdx, frontmatter } = await mdxLoader(locale, 'org', ['docs'], jargon[locale])
const { title = 'FIXME: Please give this page a title' } = frontmatter
return {
props: {
mdx,
title,
},
}
}