From 9c54de8e998d869723ce99adf042c10ef78d75dd Mon Sep 17 00:00:00 2001
From: Nikhil Sarwara <tymnec@gmail.com>
Date: Thu, 9 Nov 2023 23:12:38 +0530
Subject: [PATCH] theme state refresh issue fixed

---
 src/components/theme_switcher/theme_toggle.tsx | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/theme_switcher/theme_toggle.tsx b/src/components/theme_switcher/theme_toggle.tsx
index e976ea9..fc5d121 100644
--- a/src/components/theme_switcher/theme_toggle.tsx
+++ b/src/components/theme_switcher/theme_toggle.tsx
@@ -15,18 +15,16 @@ const ThemeSwitcher = ({ props }: any) => {
     getWrapperProps,
   } = useSwitch(props);
 
-  // Depends on Selection
-  if (!isSelected) {
-    setTheme("light");
-    console.log(theme);
-  } else {
-    setTheme("dark");
-  }
+  // Depends on theme
+  // Theme Change Function
+  const toggleTheme = () => {
+    setTheme(theme === "light" ? "dark" : "light");
+  };
 
   return (
     <div className="flex flex-col gap-2 backdrop:blur">
       <div className="font-light text-sm font-mono px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800">
-        <Component {...getBaseProps()}>
+        <Component {...getBaseProps()} onClick={toggleTheme}>
           <VisuallyHidden>
             <input {...getInputProps()} />
           </VisuallyHidden>