import React, { useEffect } from "react" import { graphql } from "gatsby" import Layout from "../components/layout" import { MDXRenderer } from "gatsby-plugin-mdx" import { MDXProvider } from "@mdx-js/react" const ide = "https://repos.ctdo.de/-/ide/project/neri/ctdo-homepage/edit/master/-/src/markdown-pages/" const MdLeakH1 = props =>

# {props.children}

const MdLeakH2 = props =>

## {props.children}

const MdLeakH3 = props =>

### {props.children}

const MdLeakH4 = props =>
#### {props.children}
const components = { h1: MdLeakH1, h2: MdLeakH2, h3: MdLeakH3, h4: MdLeakH4, } export default function Template({ data, // this prop will be injected by the GraphQL query below. }) { const { frontmatter: { title, edit, path }, body, } = data.mdx useEffect(() => { document.title = `ctdo - ${title.toLowerCase()}` }, [title]) const editLink = edit ? ide + edit : null return ( {body} ) } export const pageQuery = graphql` query($path: String!) { mdx(frontmatter: { path: { eq: $path } }) { body frontmatter { title edit path } } } `