bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 02:09:04 +03:00
Code Issues Packages Projects Releases Wiki Activity

gitalk to snippet page

Browse Source
This commit is contained in:
Sergey Yarkov 2020-07-23 18:27:16 +03:00
parent 29025c3d1a
commit 839b708fdd
2 changed files with 41 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/Article/Article.js
View File

@ -111,18 +111,20 @@ const Article = ({
<div className="article-comments">
<div className="article-comments__heading">
<h2>Комментарии</h2>
{readyComments ? <GitalkComponent
options={{
clientID,
clientSecret,
repo,
owner,
admin: admin.split(","),
language: 'ru',
id: pathname,
title: title,
}}
/> : null}
{readyComments ? (
<GitalkComponent
options={{
clientID,
clientSecret,
repo,
owner,
admin: admin.split(","),
language: "ru",
id: pathname,
title: title,
}}
/>
) : null}
</div>
<div className="article-comments__content"></div>
</div>

27
src/components/Snippet/Snippet.js
View File

@ -1,7 +1,20 @@
import React from "react"
import PropTypes from "prop-types"
import { useLocation } from "@reach/router"
import GitalkComponent from "gitalk/dist/gitalk-component"
import useSiteMetadataQuery from "../../hooks/useSiteMetadataQuery"
const Snippet = ({ data: { description, title, date }, html }) => {
const {
siteMetadata: {
gitalk: { clientID, clientSecret, repo, owner, admin },
},
} = useSiteMetadataQuery()
const { pathname } = useLocation()
const [readyComments, setReadyComments] = React.useState(false)
React.useEffect(() => setReadyComments(true), [setReadyComments])
return (
<>
<div className="snippet">
@ -19,6 +32,20 @@ const Snippet = ({ data: { description, title, date }, html }) => {
<div className="snippet-comments">
<div className="snippet-comments__heading">
<h2>Комментарии</h2>
{readyComments ? (
<GitalkComponent
options={{
clientID,
clientSecret,
repo,
owner,
admin: admin.split(","),
language: "ru",
id: pathname,
title: title,
}}
/>
) : null}
</div>
<div className="snippet-comments__content"></div>
</div>