From 3930976fd711452b3f9cb94388aa881da75a8555 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 9 Nov 2018 14:42:47 +0100
Subject: [PATCH] add docs footer, edit on github link

---
 src/components/DocFooter.jsx         | 21 +++++++++++++++++++++
 src/components/DocFooter.module.scss | 17 +++++++++++++++++
 src/templates/Doc.jsx                | 15 +++++++++++++++
 3 files changed, 53 insertions(+)
 create mode 100644 src/components/DocFooter.jsx
 create mode 100644 src/components/DocFooter.module.scss

diff --git a/src/components/DocFooter.jsx b/src/components/DocFooter.jsx
new file mode 100644
index 00000000..b27f7273
--- /dev/null
+++ b/src/components/DocFooter.jsx
@@ -0,0 +1,21 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import styles from './DocFooter.module.scss'
+
+const DocFooter = ({ post }) => (
+    <footer className={styles.footer}>
+        <a
+            href={`https://github.com/oceanprotocol/docs/blob/master/content/${
+                post.parent.relativePath
+            }`}
+        >
+            Edit on GitHub
+        </a>
+    </footer>
+)
+
+DocFooter.propTypes = {
+    post: PropTypes.object.isRequired
+}
+
+export default DocFooter
diff --git a/src/components/DocFooter.module.scss b/src/components/DocFooter.module.scss
new file mode 100644
index 00000000..e55890aa
--- /dev/null
+++ b/src/components/DocFooter.module.scss
@@ -0,0 +1,17 @@
+@import 'variables';
+
+.footer {
+    margin-top: $spacer;
+    padding-top: $spacer;
+    margin-bottom: $spacer;
+    padding-bottom: $spacer;
+    border-top: .1rem solid $brand-grey-lighter;
+    font-size: $font-size-small;
+    text-align: center;
+
+    a {
+        font-family: $font-family-button;
+        text-transform: uppercase;
+        color: $brand-grey-light;
+    }
+}
diff --git a/src/templates/Doc.jsx b/src/templates/Doc.jsx
index a4681dea..9f528ebf 100644
--- a/src/templates/Doc.jsx
+++ b/src/templates/Doc.jsx
@@ -5,6 +5,7 @@ import Layout from '../components/Layout'
 import Content from '../components/Content'
 import HeaderSection from '../components/HeaderSection'
 import Sidebar from '../components/Sidebar'
+import DocFooter from '../components/DocFooter'
 import styles from './Doc.module.scss'
 
 export default class DocTemplate extends Component {
@@ -57,6 +58,8 @@ export default class DocTemplate extends Component {
                                         __html: post.html
                                     }}
                                 />
+
+                                <DocFooter post={post} />
                             </article>
                         </main>
                     ) : (
@@ -74,6 +77,8 @@ export default class DocTemplate extends Component {
                                     __html: post.html
                                 }}
                             />
+
+                            <DocFooter post={post} />
                         </article>
                     )}
                 </Content>
@@ -94,6 +99,7 @@ export const pageQuery = graphql`
             id
             excerpt
             html
+            fileAbsolutePath
             frontmatter {
                 title
                 description
@@ -101,6 +107,7 @@ export const pageQuery = graphql`
             fields {
                 section
             }
+            ...PageFooter
         }
 
         allSectionsYaml {
@@ -113,4 +120,12 @@ export const pageQuery = graphql`
             }
         }
     }
+
+    fragment PageFooter on MarkdownRemark {
+        parent {
+            ... on File {
+                relativePath
+            }
+        }
+    }
 `