feat: Added edit link to MDX pages

Author: joostdecock

src/components/layouts/default.js

@@ -1,8 +1,21 @@
 import React from 'react'
 import BreadCrumbs from '../breadcrumbs'
 import PrevNext from '../prev-next'
+import EditIcon from '@material-ui/icons/Edit'
+import IconButton from '@material-ui/core/IconButton'
 import './default.scss'
 
+const EditLink = ({edit=false}) => edit
+  ?  <IconButton
+      className='editpencil'
+      href={`https://github.com/freesewing/markdown/edit/develop/dev/${edit}/en.md`}
+      target='_BLANK'
+      rel='nofollow'
+      size='small'
+      title='Edit this page'
+    ><EditIcon /></IconButton>
+  : null
+
 const DefaultLayout = (props) => {
   return (
     <div className="layout-wrapper">
@@ -14,7 +27,7 @@ const DefaultLayout = (props) => {
         </aside>
         <section>
           {!props.noCrumbs && <BreadCrumbs crumbs={props.crumbs} pageTitle={props.title} />}
-          {!props.noTitle && <h1>{props.title}</h1>}
+          {!props.noTitle && <h1>{props.title}<EditLink edit={props.edit}/></h1>}
           <div className={`content ${props.wide ? 'wide' : ''}`}>
             {props.children}
             <PrevNext prev={props.prev} next={props.next} />

src/components/layouts/default.scss

@@ -31,6 +31,10 @@ section#mdx table {
   }
 }
 
+a.editpencil {
+  margin: 0 0 0 1rem;
+}
+
 // Main page content layout
 div.layout-wrapper {
   width: 100%;

src/pages/_mdx.js

@@ -21,6 +21,7 @@ const Page = props => {
       title={props.pageContext.title}
       description={node.excerpt}
       {...app.treeProps(props.path)}
+      edit={props.data.allMdx.edges[0].node.parent.relativeDirectory}
     >
       <Mdx node={props.data.allMdx.edges[0].node} offspring={app.getOffspring(props.path)} />
       {props.path === '/tutorials/' && <Tutorials list/>}
@@ -39,6 +40,7 @@ export const pageQuery = graphql`
     allMdx(filter: { fileAbsolutePath: { eq: $file } }) {
       edges {
         node {
+        parent { ... on File { relativeDirectory } }
           body
           excerpt
           frontmatter {