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

fix hydration error

Browse Source
This commit is contained in:
DefectingCat
2023-06-25 14:59:22 +08:00
parent 548cb4f146
commit b02d3d98e8
1 changed files with 19 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
components/post/post-commnet-line.tsx
View File

@ -1,5 +1,6 @@
'use client'; 'use client';
import useMounted from 'lib/hooks/use-mounted';
import { useTheme } from 'next-themes'; import { useTheme } from 'next-themes';
import Image from 'next/image'; import Image from 'next/image';
import { memo } from 'react'; import { memo } from 'react';
@ -8,16 +9,27 @@ const PostCommnetLine = () => {
const { systemTheme, theme } = useTheme(); const { systemTheme, theme } = useTheme();
const currentTheme = theme === 'system' ? systemTheme : theme; const currentTheme = theme === 'system' ? systemTheme : theme;
const { mounted } = useMounted();
return ( return (
<> <>
<div className="flex justify-center select-none"> <div className="flex justify-center select-none">
{currentTheme === 'dark' ? ( {mounted ? (
<Image currentTheme === 'dark' ? (
src="/images/img/comment-line-dark.svg" <Image
width={300} src="/images/img/comment-line-dark.svg"
height={150} width={300}
alt="" height={150}
/> alt=""
/>
) : (
<Image
src="/images/img/comment-line.svg"
width={300}
height={150}
alt=""
/>
)
) : ( ) : (
<Image <Image
src="/images/img/comment-line.svg" src="/images/img/comment-line.svg"