diff --git a/web/src/components/AuthFooter.tsx b/web/src/components/AuthFooter.tsx
index b689490be..6553af5bc 100644
--- a/web/src/components/AuthFooter.tsx
+++ b/web/src/components/AuthFooter.tsx
@@ -9,14 +9,10 @@ interface Props {
}
const AuthFooter = observer(({ className }: Props) => {
- const handleLocaleSelectChange = (locale: Locale) => {
- workspaceStore.state.setPartial({ locale });
- };
-
return (
-
-
+ workspaceStore.state.setPartial({ locale })} />
+ workspaceStore.state.setPartial({ theme })} />
);
});
diff --git a/web/src/components/ThemeSelect.tsx b/web/src/components/ThemeSelect.tsx
index 4ff918f31..ce4857765 100644
--- a/web/src/components/ThemeSelect.tsx
+++ b/web/src/components/ThemeSelect.tsx
@@ -1,6 +1,5 @@
import { Moon, Palette, Sun, Wallpaper } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
import { workspaceStore } from "@/store";
interface ThemeSelectProps {
@@ -27,25 +26,24 @@ const ThemeSelect = ({ value, onValueChange, className }: ThemeSelectProps = {})
}
};
- const currentThemeOption = themeOptions.find((option) => option.value === currentTheme);
-
return (
-
-
-
-
-
+
-
+
+
);
};