ui: updated theme selector

firecamp-dev · Sep 15, 2023 · 0de58b7 · 0de58b7
1 parent 4a9ef04
commit 0de58b7
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/platform/firecamp-ui/src/components/theme/FirecampThemeSelector.tsx b/platform/firecamp-ui/src/components/theme/FirecampThemeSelector.tsx
@@ -27,10 +27,18 @@ const ThemeOptions = [
 const FirecampThemeSelector = () => {
   const { colorScheme, toggleColorScheme } = useMantineColorScheme();
   const [isOpen, toggleOpen] = useState(false);
+  const [activeTheme, updateActiveTheme] = useState<{
+    name: string;
+    value: EFirecampThemeVariant;
+  }>();
+
+  useEffect(() => {
+    const activeThemeOption = ThemeOptions.find(
+      (t) => t.value === (colorScheme as EFirecampThemeVariant)
+    );
+    updateActiveTheme(activeThemeOption);
+  }, [colorScheme]);
 
-  const activeTheme = ThemeOptions.find(
-    (t) => t.value === (colorScheme as EFirecampThemeVariant)
-  );
   if (!activeTheme) return <></>;
   return (
     <DropdownMenu