feat(components): ✨ make previous-next buttons configurable (on/off)

filipowm · Jun 4, 2020 · 212ae29 · 212ae29
1 parent d1fb65b
commit 212ae29
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/config/config.yml b/config/config.yml
@@ -66,3 +66,4 @@ features:
  enabled: true
  toc:
  depth: 3
+ previousNext: true
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -14,6 +14,7 @@ exports.createSchemaCustomization = ({ actions }) => {
  skipToC: Boolean
  editable: Boolean
  skipMetadata: Boolean
+ showPreviousNext: Boolean
  metaDescription: String
  metaTitle: String
  order: Int

diff --git a/src/templates/docs.js b/src/templates/docs.js
@@ -165,9 +165,14 @@ export default class MDXRuntimeTest extends React.Component {
  <ContentWrapper>
  <MDXRenderer>{mdx.body}</MDXRenderer>
  </ContentWrapper>
- <div css={{ padding: '50px 0' }}>
- <NextPrevious mdx={mdx} />
- </div>
+ {(config.features.previousNext === true && mdx.frontmatter.showPreviousNext != false) ||
+ mdx.frontmatter.showPreviousNext ? (
+ <div css={{ padding: '50px 0' }}>
+ <NextPrevious mdx={mdx} />
+ </div>
+ ) : (
+ ''
+ )}
  </Layout>
  );
  }
@@ -207,6 +212,7 @@ export const pageQuery = graphql`
  metaDescription
  skipMetadata
  editable
+ showPreviousNext
  skipToC
  }
  }