1
0
Fork 0
freesewing/sites/shared/hooks/use-measurement-docs.mjs
2023-08-23 12:18:20 +02:00

32 lines
783 B
JavaScript

// Hooks
import { useCallback } from 'react'
import { useDynamicMdx } from 'shared/hooks/use-dynamic-mdx.mjs'
// Components
import { MdxWrapper } from 'shared/components/wrappers/mdx.mjs'
import { measurements } from 'config/measurements.mjs'
export const useMeasurementDocs = (locale) => {
const loader = (m) =>
useCallback(
() =>
import(
/* webpackInclude: /docs\/measurements\/[a-z]+\/[a-z][a-z]\.md$/ */ `markdown/docs/measurements/${m}/${locale}.md`
),
[locale]
)
const docs = {}
for (const m of measurements) {
const { MDX, frontmatter } = useDynamicMdx(loader(m.toLowerCase()))
docs[m] = (
<>
<h2>{frontmatter.title}</h2>
<MdxWrapper>{MDX}</MdxWrapper>
</>
)
}
return docs
}