update jsBlogPostTemplate to accept graphql based on page

gatsbyjs · Aug 23, 2017 · e049687 · e049687
1 parent 896db95
commit e049687
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 16 deletions.
diff --git a/examples/using-javascript-transforms/src/articles/2017-03-09-choropleth-on-d3v4/index.js b/examples/using-javascript-transforms/src/articles/2017-03-09-choropleth-on-d3v4/index.js
@@ -47,6 +47,7 @@ class choroplethBase extends React.Component {
   }
 
   render() {
+    console.log(this)
     let data = this.props.data.markdownRemark
     let html = data.html
     let frontmatter = this.props.data.jsFrontmatter.data

diff --git a/...using-javascript-transforms/src/articles/2017-05-30-choropleth-on-d3v4-alternate/index.js b/...using-javascript-transforms/src/articles/2017-05-30-choropleth-on-d3v4-alternate/index.js
@@ -46,6 +46,7 @@ class choroplethAltBase extends React.Component {
   }
 
   render() {
+    console.log(this)
     let data = this.props.data.markdownRemark
     let html = data.html
     let frontmatter = this.props.data.jsFrontmatter.data

diff --git a/examples/using-javascript-transforms/src/templates/blog-post-javascript.js b/examples/using-javascript-transforms/src/templates/blog-post-javascript.js
@@ -6,21 +6,8 @@ import moment from "moment"
 class jsBlogPostTemplate extends React.Component {
   render() {
     console.log(this)
-    return (
-      <div className="javascriptPost">
-        {this.props.children()}
-      </div>
-    )
-/*
-    // we might expect to use something like this
-    // like used in layouts.
-        {this.props.children()}
-
-
-    // we eventually want to use the below
-    // but comment out for now to gatsby can build
-    let frontmatter = this.props.frontmatter
-    let siteMetadata = this.props.siteMetadata
+    let frontmatter = this.props.data.jsFrontmatter.data
+    let siteMetadata = this.props.data.site.siteMetadata
 
     const home = (
       <div className="nav">
@@ -103,7 +90,6 @@ class jsBlogPostTemplate extends React.Component {
         </div>
       </div>
     )
-    */
   }
 }
 
@@ -124,5 +110,16 @@ query javascriptTemplateBySlug($slug: String!) {
       description
     }
   }
+  site {
+    siteMetadata {
+      title
+      siteDescr
+      siteAuthor
+      siteEmailUrl
+      siteEmailPretty
+      siteTwitterUrl
+      siteTwitterPretty
+    }
+  }
 }
 `