mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2024-10-23 00:58:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #51 from ybbarng/decoupling-gatsby-config-and-web

Browse Source 
Decouple the node side code and the browser side code
This commit is contained in:
Alexander Shelepenok 2018-02-07 13:13:38 +03:00 committed by GitHub
commit ccc8c48085
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/Disqus/Disqus.jsx
View File

@ -1,6 +1,5 @@
import React, { Component } from 'react'; import React, { Component } from 'react';
import ReactDisqusComments from 'react-disqus-comments'; import ReactDisqusComments from 'react-disqus-comments';
import config from '../../../gatsby-config';
class Disqus extends Component { class Disqus extends Component {
constructor(props) { constructor(props) {
@ -20,15 +19,15 @@ class Disqus extends Component {
this.setState({ toasts }); this.setState({ toasts });
} }
render() { render() {
const { postNode } = this.props; const { postNode, siteMetadata } = this.props;
if (!config.siteMetadata.disqusShortname) { if (!siteMetadata.disqusShortname) {
return null; return null;
} }
const post = postNode.frontmatter; const post = postNode.frontmatter;
const url = config.siteMetadata.url + postNode.fields.slug; const url = siteMetadata.url + postNode.fields.slug;
return ( return (
<ReactDisqusComments <ReactDisqusComments
shortname={config.siteMetadata.disqusShortname} shortname={siteMetadata.disqusShortname}
identifier={post.title} identifier={post.title}
title={post.title} title={post.title}
url={url} url={url}

2
src/components/PostTemplateDetails/index.jsx
View File

@ -32,7 +32,7 @@ class PostTemplateDetails extends React.Component {
const commentsBlock = ( const commentsBlock = (
<div> <div>
<Disqus postNode={post} /> <Disqus postNode={post} siteMetadata={this.props.data.site.siteMetadata} />
</div> </div>
); );

2
src/templates/post-template.jsx
View File

@ -34,6 +34,8 @@ export const pageQuery = graphql`
name name
twitter twitter
} }
disqusShortname
url
} }
} }
markdownRemark(fields: { slug: { eq: $slug } }) { markdownRemark(fields: { slug: { eq: $slug } }) {