Browse Source

Fix: language selection display on the profile settings page (#5459)

### What problem does this PR solve?

Improve the language selection display on the profile settings page.

| before | after |
| --- | --- |
|![截屏2025-02-28 上午8 46
54](https://github.com/user-attachments/assets/0924275c-99d4-4ddd-8935-693286c0d07f)|![CleanShot
2025-02-28 at 09 58
21](https://github.com/user-attachments/assets/a96c9d73-8e16-40a8-aa80-d31fecc18edf)|

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
tags/v0.17.0
非法操作 8 months ago
parent
commit
f150687dbc
No account linked to committer's email address
1 changed files with 4 additions and 6 deletions
  1. 4
    6
      web/src/pages/user-setting/setting-profile/index.tsx

+ 4
- 6
web/src/pages/user-setting/setting-profile/index.tsx View File

import { LanguageList, LanguageMap } from '@/constants/common';
import { useTranslate } from '@/hooks/common-hooks';
import { useChangeLanguage } from '@/hooks/logic-hooks';
import { useFetchUserInfo, useSaveSetting } from '@/hooks/user-setting-hooks'; import { useFetchUserInfo, useSaveSetting } from '@/hooks/user-setting-hooks';
import { import {
getBase64FromUploadFileList, getBase64FromUploadFileList,
Upload, Upload,
UploadFile, UploadFile,
} from 'antd'; } from 'antd';
import camelCase from 'lodash/camelCase';
import { useEffect } from 'react'; import { useEffect } from 'react';
import SettingTitle from '../components/setting-title'; import SettingTitle from '../components/setting-title';
import { TimezoneList } from '../constants'; import { TimezoneList } from '../constants';
import { useValidateSubmittable } from '../hooks'; import { useValidateSubmittable } from '../hooks';

import { LanguageList } from '@/constants/common';
import { useTranslate } from '@/hooks/common-hooks';
import { useChangeLanguage } from '@/hooks/logic-hooks';
import parentStyles from '../index.less'; import parentStyles from '../index.less';
import styles from './index.less'; import styles from './index.less';


> >
{LanguageList.map((x) => ( {LanguageList.map((x) => (
<Option value={x} key={x}> <Option value={x} key={x}>
{t(camelCase(x), { keyPrefix: 'common' })}
{LanguageMap[x as keyof typeof LanguageMap]}
</Option> </Option>
))} ))}
</Select> </Select>

Loading…
Cancel
Save