mirror of https://github.com/msgbyte/tailchat
feat: 增加系统语言切换
parent
c3bbaedcf2
commit
cf5ee30ce8
@ -0,0 +1,37 @@
|
|||||||
|
import { FullModalField } from '@/components/FullModal/Field';
|
||||||
|
import { Select } from 'antd';
|
||||||
|
import React, { useCallback } from 'react';
|
||||||
|
import { showToasts, t } from 'tailchat-shared';
|
||||||
|
import { useLanguage } from 'tailchat-shared';
|
||||||
|
|
||||||
|
export const SettingsSystem: React.FC = React.memo(() => {
|
||||||
|
const { language, setLanguage } = useLanguage();
|
||||||
|
|
||||||
|
const handleChangeLanguage = useCallback(
|
||||||
|
(newLang: string) => {
|
||||||
|
showToasts(t('刷新页面后生效'), 'info');
|
||||||
|
setLanguage(newLang);
|
||||||
|
},
|
||||||
|
[setLanguage]
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<FullModalField
|
||||||
|
title={t('系统语言')}
|
||||||
|
content={
|
||||||
|
<Select
|
||||||
|
style={{ width: 300 }}
|
||||||
|
size="large"
|
||||||
|
value={language}
|
||||||
|
onChange={handleChangeLanguage}
|
||||||
|
>
|
||||||
|
<Select.Option value="zh-CN">简体中文</Select.Option>
|
||||||
|
<Select.Option value="en-US">English</Select.Option>
|
||||||
|
</Select>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
});
|
||||||
|
SettingsSystem.displayName = 'SettingsSystem';
|
Loading…
Reference in New Issue