81 lines
2.0 KiB
TypeScript
81 lines
2.0 KiB
TypeScript
import React from 'react';
|
|
|
|
import siteMetadata from '@/data/siteMetadata';
|
|
import dynamic from 'next/dynamic';
|
|
import { PostFrontMatter } from 'types/PostFrontMatter';
|
|
|
|
interface Props {
|
|
frontMatter: PostFrontMatter;
|
|
}
|
|
|
|
const UtterancesComponent = dynamic(
|
|
() => {
|
|
return import('@/components/comments/Utterances');
|
|
},
|
|
{ ssr: false }
|
|
);
|
|
const GiscusComponent = dynamic(
|
|
() => {
|
|
return import('@/components/comments/Giscus');
|
|
},
|
|
{ ssr: false }
|
|
);
|
|
const DisqusComponent = dynamic(
|
|
() => {
|
|
return import('@/components/comments/Disqus');
|
|
},
|
|
{ ssr: false }
|
|
);
|
|
const CusdisComponent = dynamic(
|
|
() => {
|
|
return import('@/components/comments/Cusdis');
|
|
},
|
|
{ ssr: false }
|
|
);
|
|
const CommentoComponent = dynamic(
|
|
() => {
|
|
return import('@/components/comments/Commento');
|
|
},
|
|
{ ssr: false }
|
|
);
|
|
|
|
const Comments = ({ frontMatter }: Props) => {
|
|
let term;
|
|
switch (
|
|
siteMetadata.comment.giscusConfig.mapping ||
|
|
siteMetadata.comment.utterancesConfig.issueTerm
|
|
) {
|
|
case 'pathname':
|
|
term = frontMatter.slug;
|
|
break;
|
|
case 'url':
|
|
term = window.location.href;
|
|
break;
|
|
case 'title':
|
|
term = frontMatter.title;
|
|
break;
|
|
}
|
|
return (
|
|
<div id="comment">
|
|
{siteMetadata.comment && siteMetadata.comment.provider === 'giscus' && (
|
|
<GiscusComponent mapping={term} />
|
|
)}
|
|
{siteMetadata.comment &&
|
|
siteMetadata.comment.provider === 'utterances' && (
|
|
<UtterancesComponent issueTerm={term} />
|
|
)}
|
|
{siteMetadata.comment && siteMetadata.comment.provider === 'disqus' && (
|
|
<DisqusComponent frontMatter={frontMatter} />
|
|
)}
|
|
{siteMetadata.comment && siteMetadata.comment.provider === 'cusdis' && (
|
|
<CusdisComponent frontMatter={frontMatter} />
|
|
)}
|
|
{siteMetadata.comment && siteMetadata.comment.provider === 'commento' && (
|
|
<CommentoComponent frontMatter={frontMatter} />
|
|
)}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Comments;
|