factor out common content to a fragment (#25593)

gatsbyjs · Jul 8, 2020 · 238d629 · 238d629
1 parent 84e3be3
commit 238d629
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 25 deletions.
diff --git a/www/src/components/docs-markdown-page.js b/www/src/components/docs-markdown-page.js
@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from "theme-ui"
-import React from "react"
+import { graphql } from "gatsby"
 import { MDXRenderer } from "gatsby-plugin-mdx"
 import { mediaQueries } from "gatsby-design-tokens/dist/theme-gatsbyjs-org"
 
@@ -25,7 +25,7 @@ const containerStyles = {
   px: 9,
 }
 
-function DocsMarkdownPage({
+export default function DocsMarkdownPage({
   page,
   location,
   prev,
@@ -126,4 +126,18 @@ function DocsMarkdownPage({
   )
 }
 
-export default DocsMarkdownPage
+export const docPageContentFragment = graphql`
+  fragment DocPageContent on DocPage {
+    relativePath
+    slug
+    body
+    excerpt
+    timeToRead
+    tableOfContents
+    anchor
+    title
+    description
+    disableTableOfContents
+    tableOfContentsDepth
+  }
+`
diff --git a/www/src/templates/template-api-markdown.js b/www/src/templates/template-api-markdown.js
@@ -110,19 +110,9 @@ export default function APITemplate({ data, location, pageContext }) {
 export const pageQuery = graphql`
   query($path: String!, $jsdoc: [String], $apiCalls: String) {
     docPage(slug: { eq: $path }) {
-      relativePath
-      slug
-      body
-      excerpt
-      timeToRead
-      tableOfContents
-      anchor
-      title
-      description
+      ...DocPageContent
       contentsHeading
       showTopLevelSignatures
-      disableTableOfContents
-      tableOfContentsDepth
     }
     jsdoc: allFile(filter: { relativePath: { in: $jsdoc } }) {
       nodes {

diff --git a/www/src/templates/template-docs-markdown.js b/www/src/templates/template-docs-markdown.js
@@ -24,18 +24,8 @@ export default DocsTemplate
 export const pageQuery = graphql`
   query($slug: String!) {
     docPage(slug: { eq: $slug }) {
-      relativePath
-      slug
-      body
-      excerpt
-      timeToRead
-      tableOfContents
-      anchor
-      title
-      description
+      ...DocPageContent
       issue
-      disableTableOfContents
-      tableOfContentsDepth
     }
   }
 `