From 1657b4a2fc21f2b2609f13140f94fb6f22d2396c Mon Sep 17 00:00:00 2001
From: Defectink <i@defect.ink>
Date: Wed, 11 May 2022 10:00:20 +0800
Subject: [PATCH] Change dark mode button loading

---
 components/DarkModeBtn.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/DarkModeBtn.tsx b/components/DarkModeBtn.tsx
index e4e17a5..42db2cc 100644
--- a/components/DarkModeBtn.tsx
+++ b/components/DarkModeBtn.tsx
@@ -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>
     );