diff --git a/www/src/pages/foundations/css-utilities.mdx b/www/src/pages/foundations/css-utilities-content.mdx similarity index 100% rename from www/src/pages/foundations/css-utilities.mdx rename to www/src/pages/foundations/css-utilities-content.mdx diff --git a/www/src/pages/foundations/css-utilities.tsx b/www/src/pages/foundations/css-utilities.tsx index 95a3e0a307..110a2b0e13 100644 --- a/www/src/pages/foundations/css-utilities.tsx +++ b/www/src/pages/foundations/css-utilities.tsx @@ -1,25 +1,20 @@ import React from 'react'; import { graphql, type PageProps } from 'gatsby'; -import Layout from '../../components/PageLayout'; +import PageTemplate, { type StandardContext } from '../../templates/default-mdx-page-template'; // Import the MDX file as a React component, which we'll then render with data to form this page -import CSSUtilitiesMdx from './css-utilities.mdx'; +import CSSUtilitiesMdx from './css-utilities-content.mdx'; /** Data from the GraphQL query below */ interface PageData { utilities: Record; } -/** context data added to props by createsPages()/onCreatePage() */ -interface StandardContext { - githubEditPath: string; -} - export default function CSSUtilitiesPage({ data, pageContext }: PageProps) { return ( - + - + ); } diff --git a/www/src/pages/foundations/layout.mdx b/www/src/pages/foundations/layout-content.mdx similarity index 93% rename from www/src/pages/foundations/layout.mdx rename to www/src/pages/foundations/layout-content.mdx index 63b4f87ecd..e754bce05c 100644 --- a/www/src/pages/foundations/layout.mdx +++ b/www/src/pages/foundations/layout-content.mdx @@ -15,12 +15,8 @@ Paragon's layout is controlled by the Bootstrap grid system. Documentation can b ## Components -

- These components are pass throughs from React-Bootstrap.
- - See React-Bootstrap for documentation. - -

+These components are pass throughs from React-Bootstrap.
+See React-Bootstrap for documentation. ```jsx live diff --git a/www/src/pages/foundations/layout.tsx b/www/src/pages/foundations/layout.tsx index 0ed6457fd9..22dedec5b7 100644 --- a/www/src/pages/foundations/layout.tsx +++ b/www/src/pages/foundations/layout.tsx @@ -1,25 +1,20 @@ import React from 'react'; import { graphql, type PageProps } from 'gatsby'; -import Layout from '../../components/PageLayout'; +import PageTemplate, { type StandardContext } from '../../templates/default-mdx-page-template'; // Import the MDX file as a React component, which we'll then render with data to form this page -import LayoutMdx from './layout.mdx'; +import LayoutMdx from './layout-content.mdx'; /** Data from the GraphQL query below */ interface PageData { utilities: Record; } -/** context data added to props by createsPages()/onCreatePage() */ -interface StandardContext { - githubEditPath: string; -} - export default function LayoutPage({ data, pageContext }: PageProps) { return ( - + - + ); } diff --git a/www/src/templates/default-mdx-page-template.tsx b/www/src/templates/default-mdx-page-template.tsx index 860285fd34..88b0b5d3b7 100644 --- a/www/src/templates/default-mdx-page-template.tsx +++ b/www/src/templates/default-mdx-page-template.tsx @@ -21,14 +21,15 @@ const shortcodes = { Link, }; +/** context data added to props by createsPages()/onCreatePage() */ +export interface StandardContext { + frontmatter: { title: string; }; + githubEditPath: string; +} + export interface IPageTemplateType { - children: React.ReactNode, - pageContext: { - frontmatter: { - title: string, - }, - githubEditPath: string, - }, + children: React.ReactNode; + pageContext: StandardContext; } export default function PageTemplate({ children, pageContext }: IPageTemplateType) {