From 29f8fe75f30caf8aca1fe370ad2998d3d62ce552 Mon Sep 17 00:00:00 2001
From: Jing Hua <tohjinghua123@gmail.com>
Date: Sat, 4 Mar 2023 12:23:16 +0800
Subject: [PATCH] fix: theme switcher

---
 .../Menu/MenuOptions/ThemeSwitcher.tsx        | 24 +++++++++----------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/Menu/MenuOptions/ThemeSwitcher.tsx b/src/components/Menu/MenuOptions/ThemeSwitcher.tsx
index 5f055d3..edf3995 100644
--- a/src/components/Menu/MenuOptions/ThemeSwitcher.tsx
+++ b/src/components/Menu/MenuOptions/ThemeSwitcher.tsx
@@ -34,18 +34,18 @@ const ThemeSwitcher = () => {
     }
   }, [theme]);
 
-  return (
-    theme && (
-      <a
-        className='flex py-3 px-3 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer text-sm'
-        onClick={switchTheme}
-      >
-        {theme === 'dark' ? <SunIcon /> : <MoonIcon />}
-        {getOppositeTheme(theme).charAt(0).toUpperCase() +
-          getOppositeTheme(theme).slice(1)}{' '}
-        mode
-      </a>
-    )
+  return theme ? (
+    <a
+      className='flex py-3 px-3 items-center gap-3 rounded-md hover:bg-gray-500/10 transition-colors duration-200 text-white cursor-pointer text-sm'
+      onClick={switchTheme}
+    >
+      {theme === 'dark' ? <SunIcon /> : <MoonIcon />}
+      {getOppositeTheme(theme).charAt(0).toUpperCase() +
+        getOppositeTheme(theme).slice(1)}{' '}
+      mode
+    </a>
+  ) : (
+    <></>
   );
 };