diff --git a/python/packages/autogen-studio/frontend/gatsby-browser.js b/python/packages/autogen-studio/frontend/gatsby-browser.js index b28e798f0d41..df48995969f6 100644 --- a/python/packages/autogen-studio/frontend/gatsby-browser.js +++ b/python/packages/autogen-studio/frontend/gatsby-browser.js @@ -1,5 +1,6 @@ import "antd/dist/reset.css"; import "./src/styles/global.css"; +import "./src/i18n"; import AuthProvider from "./src/hooks/provider"; diff --git a/python/packages/autogen-studio/frontend/package.json b/python/packages/autogen-studio/frontend/package.json index 11abbe0c740c..0403e89f929b 100644 --- a/python/packages/autogen-studio/frontend/package.json +++ b/python/packages/autogen-studio/frontend/package.json @@ -44,6 +44,8 @@ "postcss": "^8.4.49", "react": "^18.2.0", "react-dom": "^18.2.0", + "react-i18next": "^14.1.0", + "i18next": "^23.11.0", "react-markdown": "^9.0.1", "remark-gfm": "^4.0.1", "tailwindcss": "^3.4.14", diff --git a/python/packages/autogen-studio/frontend/src/components/LanguageSwitcher.tsx b/python/packages/autogen-studio/frontend/src/components/LanguageSwitcher.tsx new file mode 100644 index 000000000000..372e24d0602d --- /dev/null +++ b/python/packages/autogen-studio/frontend/src/components/LanguageSwitcher.tsx @@ -0,0 +1,24 @@ +import { useTranslation } from "react-i18next"; +import { Select } from "antd"; + +const languages = [ + { value: "en-US", label: "English" }, + { value: "zh-CN", label: "简体中文" }, +]; + +export const LanguageSwitcher = () => { + const { i18n } = useTranslation(); + return ( +