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

Change dark mode button loading

Browse Source
This commit is contained in:
Defectink
2022-05-11 10:00:20 +08:00
parent 43df816bba
commit 1657b4a2fc
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
components/DarkModeBtn.tsx
View File

@ -1,6 +1,7 @@
import classNames from 'classnames';
import { useTheme } from 'next-themes';
import { useEffect, useState } from 'react';
import { FiMoon, FiSun, FiHeart } from 'react-icons/fi';
import { FiMoon, FiSun } from 'react-icons/fi';
const DarkModeBtn = () => {
const [mounted, setMounted] = useState(false);
@ -13,7 +14,12 @@ const DarkModeBtn = () => {
if (!mounted)
return (
<button>
<FiHeart className="w-5 h-5" />
<div
className={classNames(
'w-5 h-5 rounded-md animate-pulse',
'bg-gray-300 dark:bg-gray-500'
)}
></div>
</button>
);