use layout in item template

gatsbyjs · Jun 18, 2018 · adad285 · adad285
1 parent 6f75115
commit adad285
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/examples/using-mongodb/src/templates/item.js b/examples/using-mongodb/src/templates/item.js
@@ -1,23 +1,26 @@
 import React from "react"
+import Layout from "../layouts"
 
 class Item extends React.Component {
   render() {
     const story = this.props.data.mongodbCloudDocuments
 
     return (
-      <div>
-        <a href={story.url} className="itemlink">
-          {story.name}
-        </a>
-        <p>
-          <div
-            dangerouslySetInnerHTML={{
-              __html: story.description.childMarkdownRemark.html,
-            }}
-            className="story"
-          />
-        </p>
-      </div>
+      <Layout>
+        <div>
+          <a href={story.url} className="itemlink">
+            {story.name}
+          </a>
+          <p>
+            <div
+              dangerouslySetInnerHTML={{
+                __html: story.description.childMarkdownRemark.html,
+              }}
+              className="story"
+            />
+          </p>
+        </div>
+      </Layout>
     )
   }
 }