2018-11-09 20:08:48 +03:00
|
|
|
import React from 'react';
|
|
|
|
import { graphql, StaticQuery } from 'gatsby';
|
|
|
|
import ReactDisqusComments from 'react-disqus-comments';
|
|
|
|
|
|
|
|
export const PureComments = ({ data, postTitle, postSlug }) => {
|
|
|
|
const {
|
2019-02-07 15:08:12 -05:00
|
|
|
url,
|
2018-11-09 20:08:48 +03:00
|
|
|
disqusShortname
|
|
|
|
} = data.site.siteMetadata;
|
|
|
|
|
2019-01-24 20:44:13 +03:00
|
|
|
if (!disqusShortname) {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2018-11-09 20:08:48 +03:00
|
|
|
return (
|
|
|
|
<ReactDisqusComments
|
|
|
|
shortname={disqusShortname}
|
|
|
|
identifier={postTitle}
|
|
|
|
title={postTitle}
|
2019-02-07 15:08:12 -05:00
|
|
|
url={url + postSlug}
|
2018-11-09 20:08:48 +03:00
|
|
|
/>
|
|
|
|
);
|
|
|
|
};
|
|
|
|
|
|
|
|
export const Comments = (props) => (
|
|
|
|
<StaticQuery
|
|
|
|
query={graphql`
|
|
|
|
query CommentsQuery {
|
|
|
|
site {
|
|
|
|
siteMetadata {
|
|
|
|
disqusShortname
|
|
|
|
url
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
`}
|
|
|
|
render={(data) => <PureComments {...props} data={data}/>}
|
|
|
|
/>
|
|
|
|
);
|
|
|
|
|
|
|
|
export default Comments;
|