Files
NotionNext/components/Giscus.js
2022-03-28 18:22:06 +08:00

30 lines
835 B
JavaScript

import BLOG from '@/blog.config'
import { Giscus } from '@giscus/react'
/**
* Giscus评论 @see https://giscus.app/zh-CN
* @returns {JSX.Element}
* @constructor
*/
const GiscusComponent = ({ isDarkMode }) => {
const theme = isDarkMode ? 'dark' : 'light'
return (
<Giscus
repo={BLOG.COMMENT_GISCUS_REPO}
repoId={BLOG.COMMENT_GISCUS_REPO_ID}
categoryId={BLOG.COMMENT_GISCUS_CATEGORY_ID}
mapping={BLOG.COMMENT_GISCUS_MAPPING}
reactionsEnabled={BLOG.COMMENT_GISCUS_REACTIONS_ENABLED}
emitMetadata={BLOG.COMMENT_GISCUS_EMIT_METADATA}
theme={theme}
inputPosition={BLOG.COMMENT_GISCUS_INPUT_POSITION}
lang={BLOG.COMMENT_GISCUS_LANG}
loading={BLOG.COMMENT_GISCUS_LOADING}
crossorigin={BLOG.COMMENT_GISCUS_CROSSORIGIN}
/>
)
}
export default GiscusComponent