diff --git a/frontend/web/src/components/setting/PreferenceSection.tsx b/frontend/web/src/components/setting/PreferenceSection.tsx index a59a340..7b02b25 100644 --- a/frontend/web/src/components/setting/PreferenceSection.tsx +++ b/frontend/web/src/components/setting/PreferenceSection.tsx @@ -2,7 +2,7 @@ import { Option, Select } from "@mui/joy"; import { useTranslation } from "react-i18next"; import BetaBadge from "@/components/BetaBadge"; import { useUserStore } from "@/stores"; -import { UserSetting, UserSetting_ColorTheme, UserSetting_Locale } from "@/types/proto/api/v1/user_setting_service"; +import { UserSetting } from "@/types/proto/api/v1/user_setting_service"; const PreferenceSection: React.FC = () => { const { t } = useTranslation(); @@ -13,39 +13,39 @@ const PreferenceSection: React.FC = () => { const languageOptions = [ { - value: UserSetting_Locale.LOCALE_EN, + value: "EN", label: "English", }, { - value: UserSetting_Locale.LOCALE_ZH, + value: "ZH", label: "中文", }, { - value: UserSetting_Locale.LOCALE_FR, + value: "FR", label: "Français", }, { - value: UserSetting_Locale.LOCALE_JA, + value: "JA", label: "日本語", }, ]; const colorThemeOptions = [ { - value: UserSetting_ColorTheme.COLOR_THEME_SYSTEM, + value: "SYSTEM", label: "System", }, { - value: UserSetting_ColorTheme.COLOR_THEME_LIGHT, + value: "LIGHT", label: "Light", }, { - value: UserSetting_ColorTheme.COLOR_THEME_DARK, + value: "DARK", label: "Dark", }, ]; - const handleSelectLanguage = async (locale: UserSetting_Locale) => { + const handleSelectLanguage = async (locale: string) => { await userStore.updateUserSetting( { ...userSetting, @@ -55,7 +55,7 @@ const PreferenceSection: React.FC = () => { ); }; - const handleSelectColorTheme = async (colorTheme: UserSetting_ColorTheme) => { + const handleSelectColorTheme = async (colorTheme: string) => { await userStore.updateUserSetting( { ...userSetting, @@ -73,7 +73,7 @@ const PreferenceSection: React.FC = () => {
{t("settings.preference.color-theme")}
- handleSelectColorTheme(value as string)}> {colorThemeOptions.map((option) => { return (