feat(components): allow globally show/hide page metadata

filipowm · Jun 4, 2020 · d8a905c · d8a905c
1 parent 3b3294f
commit d8a905c
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 18 deletions.
diff --git a/config/config.yml b/config/config.yml
@@ -72,3 +72,4 @@ features:
     enabled: true
     arrowKeyNavigation: true
   scrollTop: true
+  showMetadata: true
diff --git a/content/index.mdx b/content/index.mdx
@@ -1,6 +1,6 @@
 ---
 title: "Gitbook Template"
-skipMetadata: true
+showMetadata: false
 editable: false
 skipToC: true
 ---

diff --git a/gatsby-node.js b/gatsby-node.js
@@ -13,7 +13,7 @@ exports.createSchemaCustomization = ({ actions }) => {
     type MdxFrontmatter {
       skipToC: Boolean
       editable: Boolean
-      skipMetadata: Boolean
+      showMetadata: Boolean
       showPreviousNext: Boolean
       metaDescription: String
       metaTitle: String

diff --git a/src/templates/docs.js b/src/templates/docs.js
@@ -145,21 +145,22 @@ export default class MDXRuntimeTest extends React.Component {
               ''
             )}
           </TitleWrapper>
-          {mdx.frontmatter.skipMetadata ? (
-            ''
-          ) : (
-            <div css={{ display: 'block' }}>
-              {mdx.parent.fields ? (
-                <LastUpdated
-                  time={mdx.parent.fields.gitLogLatestDate}
-                  name={mdx.parent.fields.gitLogLatestAuthorName}
-                  email={mdx.parent.fields.gitLogLatestAuthorEmail}
-                />
-              ) : (
-                ''
-              )}
-              <ReadingTime time={mdx.timeToRead * 2} />
-            </div>
+          {(config.features.showMetadata === true && mdx.frontmatter.showMetadata !== false) 
+            || mdx.frontmatter.showMetadata === true ? (  
+              <div css={{ display: 'block' }}>
+                {mdx.parent.fields ? (
+                  <LastUpdated
+                    time={mdx.parent.fields.gitLogLatestDate}
+                    name={mdx.parent.fields.gitLogLatestAuthorName}
+                    email={mdx.parent.fields.gitLogLatestAuthorEmail}
+                  />
+                ) : (
+                  ''
+                )}
+                <ReadingTime time={mdx.timeToRead * 2} />
+              </div>
+            ) : (
+              ''
           )}
         </PageTitle>
         <ContentWrapper>
@@ -210,7 +211,7 @@ export const pageQuery = graphql`
       frontmatter {
         metaTitle
         metaDescription
-        skipMetadata
+        showMetadata
         editable
         showPreviousNext
         skipToC