upstream #1
@ -6,11 +6,16 @@ import siteMetadata from '@/data/siteMetadata'
|
|||||||
|
|
||||||
export default function Comments({ slug }: { slug: string }) {
|
export default function Comments({ slug }: { slug: string }) {
|
||||||
const [loadComments, setLoadComments] = useState(false)
|
const [loadComments, setLoadComments] = useState(false)
|
||||||
|
|
||||||
|
if (!siteMetadata.comments?.provider) {
|
||||||
|
return null
|
||||||
|
}
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{!loadComments && <button onClick={() => setLoadComments(true)}>Load Comments</button>}
|
{loadComments ? (
|
||||||
{siteMetadata.comments && loadComments && (
|
|
||||||
<CommentsComponent commentsConfig={siteMetadata.comments} slug={slug} />
|
<CommentsComponent commentsConfig={siteMetadata.comments} slug={slug} />
|
||||||
|
) : (
|
||||||
|
<button onClick={() => setLoadComments(true)}>Load Comments</button>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
|
Loading…
x
Reference in New Issue
Block a user