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 ( - - - - - + ); };