xfy/DefectingCat.github.io
1
0
Fork 0
mirror of https://github.com/DefectingCat/DefectingCat.github.io synced 2025-07-16 09:11:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add comment line

Browse Source
This commit is contained in:
DefectingCat
2022-04-21 15:30:17 +08:00
parent 250869f0b4
commit 03c7daee36
4 changed files with 43 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
components/post/PostComment.tsx
View File

@ -2,6 +2,7 @@ import { FC } from 'react';
import Giscus from '@giscus/react';
import { useTheme } from 'next-themes';
import useInView from 'lib/hooks/useInView';
import Image from 'next/image';
const PostComment: FC = () => {
const { systemTheme, theme } = useTheme();
@ -11,7 +12,23 @@ const PostComment: FC = () => {
return (
<>
<div className="my-4"></div>
<div className="text-center">
{currentTheme === 'dark' ? (
<Image
src="/images/img/comment-line-dark.svg"
width={300}
height={150}
alt=""
/>
) : (
<Image
src="/images/img/comment-line.svg"
width={300}
height={150}
alt=""
/>
)}
</div>
<div className="mt-4" ref={ref}>
{inView && (