add edit link to sites

src/components/footer.js

@@ -2,9 +2,19 @@ import React from "react"
 import footerStyles from "./footer.module.css"
 import { Link } from "gatsby"
 
-export default () => (
+export default ({ editLink }) => (
   <div className={footerStyles.footer}>
     <div className={footerStyles.footerContent}>
+      {editLink ? (
+        <a
+          className={footerStyles.footerItem}
+          href={editLink}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Seite bearbeiten
+        </a>
+      ) : null}
       <Link className={footerStyles.footerItem} to="/impressum/">
         Impressum
       </Link>

src/components/layout.js

@@ -3,10 +3,10 @@ import Nav from "../components/nav"
 import Footer from "../components/footer"
 import layoutStyles from "./layout.module.css"
 
-export default ({ children }) => (
+export default ({ editLink, children }) => (
   <>
     <Nav />
     <div className={layoutStyles.layout}>{children}</div>
-    <Footer />
+    <Footer editLink={editLink} />
   </>
 )

src/markdown-pages/datenschutz.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/datenschutz"
 title: "Datenschutzerklärung"
+edit: "datenschutz.mdx"
 ---
 
 ## Datenschutzerklärung

src/markdown-pages/events.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/events"
 title: "Events"
+edit: "events.mdx"
 ---
 
 ## Events

src/markdown-pages/home.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/"
 title: "Home"
+edit: "home.mdx"
 ---
 
 ## Wer wir sind

src/markdown-pages/impressum.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/impressum"
 title: "Impressum"
+edit: "impressum.mdx"
 ---
 
 ## Impressum

src/markdown-pages/kontakt.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/kontakt"
 title: "Kontakt"
+edit: "kontakt.mdx"
 ---
 
 ## Kontakt

src/markdown-pages/treff.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/treff"
 title: "Zeiten & Location"
+edit: "treff.mdx"
 ---
 import RoomState from "../components/roomState.js"
 

src/markdown-pages/verein.mdx

@@ -1,6 +1,7 @@
 ---
 path: "/verein"
 title: "Verein"
+edit: "verein.mdx"
 ---
 
 ## Verein

src/templates/siteTemplate.js

@@ -3,6 +3,9 @@ import { graphql } from "gatsby"
 import Layout from "../components/layout"
 import { MDXRenderer } from "gatsby-plugin-mdx"
 
+const ide =
+  "https://repos.ctdo.de/-/ide/project/neri/ctdo-hompage/edit/master/-/src/markdown-pages/"
+
 export default function Template({
   data, // this prop will be injected by the GraphQL query below.
 }) {
@@ -13,8 +16,10 @@ export default function Template({
     document.title = frontmatter.title
   }, [frontmatter.title])
 
+  const editLink = frontmatter.edit ? ide + frontmatter.edit : null
+
   return (
-    <Layout>
+    <Layout editLink={editLink}>
       <MDXRenderer>{body}</MDXRenderer>
     </Layout>
   )
@@ -26,6 +31,7 @@ export const pageQuery = graphql`
       body
       frontmatter {
         title
+        edit
       }
     }
   }