feat: i18n

2022-11-23 19:38:45 +08:00
parent 9b3dc2f740
commit 48ffdcc1b5
97 changed files with 1470 additions and 652 deletions
@@ -0,0 +1,36 @@
+// import React from 'react'
+import dayjs from 'dayjs';
+import { useTranslation } from 'react-i18next';
+import StyledRadio from "../../../common/component/styled/Radio";
+
+// type Props = {}
+
+const Index = () => {
+    const { t, i18n } = useTranslation("setting");
+    const handleGuestToggle = (v: "zh" | "en") => {
+        i18n.changeLanguage(v);
+        dayjs.locale(v === "zh" ? "zh-cn" : "en");
+    };
+    return (
+        <div className="setting">
+            <p className="label">{t("overview.lang.title")}</p>
+            <p className="tip">
+                <span className="txt">
+                    {t("overview.lang.desc")}
+                </span>
+            </p>
+            <StyledRadio
+                options={[t("overview.lang.en"), t("overview.lang.zh")]}
+                values={["en", "zh"]}
+                value={i18n.language.split("-")[0]}
+                onChange={(v) => {
+                    console.log("wtff", v);
+
+                    handleGuestToggle(v);
+                }}
+            />
+        </div>
+    );
+};
+
+export default Index;