feat: new lang

public/locales/en/setting.json

@@ -70,7 +70,8 @@
       "tr": "Türkçe",
       "zh": "中文",
       "jp": "日本語",
-      "pt": "Portuguese"
+      "pt": "Portuguese",
+      "es": "Español"
     },
     "theme": {
       "title": "Theme",

src/routes/setting/Overview/Language.tsx

@@ -5,10 +5,11 @@ import SettingBlock from "@/components/SettingBlock";
 import StyledRadio from "@/components/styled/Radio";
 
 // type Props = {}
-
+type LanguageType = "en" | "zh" | "jp" | "tr" | "pt" | "es";
+const Langs: LanguageType[] = ["en", "zh", "jp", "tr", "pt", "es"];
 const Index = () => {
   const { t, i18n } = useTranslation("setting");
-  const handleGuestToggle = (v: "zh" | "en") => {
+  const handleGuestToggle = (v: LanguageType) => {
     i18n.changeLanguage(v);
   };
   return (
@@ -19,14 +20,14 @@ const Index = () => {
           t("overview.lang.zh"),
           t("overview.lang.jp"),
           t("overview.lang.tr"),
-          t("overview.lang.pt")
+          t("overview.lang.pt"),
+          t("overview.lang.es")
         ]}
-        values={["en", "zh", "jp", "tr", "pt"]}
+        values={Langs}
         value={i18n.language.split("-")[0]}
         onChange={(v) => {
-          console.log("wtff", v);
+          const _v = v as LanguageType;
-
+          handleGuestToggle(_v);
-          handleGuestToggle(v);
         }}
       />
     </SettingBlock>

src/routes/setting/Overview/language.tsx

@@ -5,10 +5,11 @@ import SettingBlock from "@/components/SettingBlock";
 import StyledRadio from "@/components/styled/Radio";
 
 // type Props = {}
-
+type LanguageType = "en" | "zh" | "jp" | "tr" | "pt" | "es";
+const Langs: LanguageType[] = ["en", "zh", "jp", "tr", "pt", "es"];
 const Index = () => {
   const { t, i18n } = useTranslation("setting");
-  const handleGuestToggle = (v: "zh" | "en") => {
+  const handleGuestToggle = (v: LanguageType) => {
     i18n.changeLanguage(v);
   };
   return (
@@ -19,14 +20,14 @@ const Index = () => {
           t("overview.lang.zh"),
           t("overview.lang.jp"),
           t("overview.lang.tr"),
-          t("overview.lang.pt")
+          t("overview.lang.pt"),
+          t("overview.lang.es")
         ]}
-        values={["en", "zh", "jp", "tr", "pt"]}
+        values={Langs}
         value={i18n.language.split("-")[0]}
         onChange={(v) => {
-          console.log("wtff", v);
+          const _v = v as LanguageType;
-
+          handleGuestToggle(_v);
-          handleGuestToggle(v);
         }}
       />
     </SettingBlock>