[site/components/MDXPage][xs]: pass Hero component to mdx
This commit is contained in:
@@ -1,20 +1,21 @@
|
|||||||
import { MDXRemote } from 'next-mdx-remote';
|
import { MDXRemote } from 'next-mdx-remote';
|
||||||
|
import { NextSeo } from 'next-seo';
|
||||||
import layouts from 'layouts';
|
import layouts from 'layouts';
|
||||||
import DocsPagination from './DocsPagination';
|
import DocsPagination from './DocsPagination';
|
||||||
import { NextSeo } from 'next-seo';
|
import { Hero } from "@portaljs/core";
|
||||||
|
|
||||||
export default function MDXPage({ source, frontMatter }) {
|
export default function MDXPage({ source, frontMatter }) {
|
||||||
const Layout = ({ children }) => {
|
const Layout = ({ children }) => {
|
||||||
const layoutName = frontMatter?.layout || 'default';
|
const layoutName = frontMatter?.layout || 'default';
|
||||||
const LayoutComponent = layouts[layoutName];
|
const LayoutComponent = layouts[layoutName];
|
||||||
|
|
||||||
return <LayoutComponent {...frontMatter}>{children}</LayoutComponent>;
|
return <LayoutComponent {...frontMatter}>{children}</LayoutComponent>;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Layout>
|
<Layout>
|
||||||
<MDXRemote {...source} components={{ DocsPagination, NextSeo }} />
|
<MDXRemote {...source} components={{ DocsPagination, NextSeo, Hero }} />
|
||||||
</Layout>
|
</Layout>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user