Issues/214 (#338)

* feat: set language based on browser setting

* feat: update image

demo/src/app/home/page.tsx

@@ -1,9 +1,10 @@
 "use client"
 
 import AuthInitializer from "@/components/authInitializer"
-import { isMobile } from "@/common"
+import { getBrowserLanguage, isMobile, useAppDispatch } from "@/common"
 import dynamic from 'next/dynamic'
 import { useEffect, useState } from "react"
+import { setLanguage } from "@/store/reducers/global"
 
 const PCEntry = dynamic(() => import('@/platform/pc/entry'), {
   ssr: false,
@@ -15,9 +16,12 @@ const MobileEntry = dynamic(() => import('@/platform/mobile/entry'), {
 
 export default function Home() {
   const [mobile, setMobile] = useState<boolean | null>(null);
+  const dispatch = useAppDispatch()
+
 
   useEffect(() => {
     setMobile(isMobile())
+    dispatch(setLanguage(getBrowserLanguage().value))
   })
 
   return (

demo/src/common/utils.ts

@@ -1,3 +1,5 @@
+import { LanguageOptionItem } from "@/types"
+
 export const genRandomString = (length: number = 10) => {
   let result = '';
   const characters = 'abcdefghijklmnopqrstuvwxyz0123456789';
@@ -56,4 +58,32 @@ export const genUUID = () => {
 
 export const isMobile = () => {
   return /Mobile|iPhone|iPad|Android|Windows Phone/i.test(navigator.userAgent)
-}
+}
+
+
+export const getBrowserLanguage = (): LanguageOptionItem => {
+  const lang = navigator.language;
+
+  switch (true) {
+    case lang.startsWith("zh"):
+      return {
+        label: "Chinese",
+        value: "zh-CN"
+      };
+    case lang.startsWith("ko"):
+      return {
+        label: "Korean",
+        value: "ko-KR"
+      };
+    case lang.startsWith("ja"):
+      return {
+        label: "Japanese",
+        value: "ja-JP"
+      };
+    default:
+      return {
+        label: "English",
+        value: "en-US"
+      };
+  }
+};

docker-compose.yml

@@ -30,7 +30,7 @@ services:
             - AGENT_SERVER_URL=http://ten_agent_dev:8080
             - TEN_DEV_SERVER_URL=http://ten_agent_dev:49483
     ten_agent_demo:
-        image: ghcr.io/ten-framework/agent_demo
+        image: ghcr.io/ten-framework/ten_agent_demo:0.5.0-43-ga6ea980
         container_name: ten_agent_demo
         restart: always
         ports: