| const ActivateForm = () => { | const ActivateForm = () => { | ||||
| const { t } = useTranslation() | const { t } = useTranslation() | ||||
| const { locale } = useContext(I18n) | |||||
| const { locale, setLocaleOnClient } = useContext(I18n) | |||||
| const searchParams = useSearchParams() | const searchParams = useSearchParams() | ||||
| const workspaceID = searchParams.get('workspace_id') | const workspaceID = searchParams.get('workspace_id') | ||||
| const email = searchParams.get('email') | const email = searchParams.get('email') | ||||
| const [timezone, setTimezone] = useState('Asia/Shanghai') | const [timezone, setTimezone] = useState('Asia/Shanghai') | ||||
| const [language, setLanguage] = useState('en-US') | const [language, setLanguage] = useState('en-US') | ||||
| const [showSuccess, setShowSuccess] = useState(false) | const [showSuccess, setShowSuccess] = useState(false) | ||||
| const defaultLanguage = (navigator.language?.startsWith('zh') ? languageMaps['zh-Hans'] : languageMaps.en) || languageMaps.en | |||||
| const showErrorMessage = (message: string) => { | const showErrorMessage = (message: string) => { | ||||
| Toast.notify({ | Toast.notify({ | ||||
| timezone, | timezone, | ||||
| }, | }, | ||||
| }) | }) | ||||
| setLocaleOnClient(language.startsWith('en') ? 'en' : 'zh-Hans') | |||||
| setShowSuccess(true) | setShowSuccess(true) | ||||
| } | } | ||||
| catch { | catch { | ||||
| return ( | return ( | ||||
| <div className={ | <div className={ | ||||
| cn( | cn( | ||||
| 'flex flex-col items-center w-full grow items-center justify-center', | |||||
| 'flex flex-col items-center w-full grow justify-center', | |||||
| 'px-6', | 'px-6', | ||||
| 'md:px-[108px]', | 'md:px-[108px]', | ||||
| ) | ) | ||||
| </label> | </label> | ||||
| <div className="relative mt-1 rounded-md shadow-sm"> | <div className="relative mt-1 rounded-md shadow-sm"> | ||||
| <SimpleSelect | <SimpleSelect | ||||
| defaultValue={languageMaps.en} | |||||
| defaultValue={defaultLanguage} | |||||
| items={languages} | items={languages} | ||||
| onSelect={(item) => { | onSelect={(item) => { | ||||
| setLanguage(item.value as string) | setLanguage(item.value as string) |