Browse Source

fix: display the current language directly at the top and do not disp… (#579)

…lay reference symbols for documents in external chat boxes  #566 #577

### What problem does this PR solve?

fix: display the current language directly at the top and do not display
reference symbols for documents in external chat boxes #566 #577

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
tags/v0.5.0
balibabu 1 year ago
parent
commit
ae501c58fa
No account linked to committer's email address

+ 4
- 0
web/src/layouts/components/right-toolbar/index.less View File

vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer;
} }

.language {
cursor: pointer;
}

+ 9
- 7
web/src/layouts/components/right-toolbar/index.tsx View File

import { ReactComponent as TranslationIcon } from '@/assets/svg/translation.svg';
import { useTranslate } from '@/hooks/commonHooks'; import { useTranslate } from '@/hooks/commonHooks';
import { GithubOutlined } from '@ant-design/icons';
import { DownOutlined, GithubOutlined } from '@ant-design/icons';
import { Dropdown, MenuProps, Space } from 'antd'; import { Dropdown, MenuProps, Space } from 'antd';
import camelCase from 'lodash/camelCase'; import camelCase from 'lodash/camelCase';
import React from 'react'; import React from 'react';


import { LanguageList } from '@/constants/common'; import { LanguageList } from '@/constants/common';
import { useChangeLanguage } from '@/hooks/logicHooks'; import { useChangeLanguage } from '@/hooks/logicHooks';
import { useSelector } from 'umi';
import styled from './index.less'; import styled from './index.less';


const Circle = ({ children, ...restProps }: React.PropsWithChildren) => { const Circle = ({ children, ...restProps }: React.PropsWithChildren) => {
const RightToolBar = () => { const RightToolBar = () => {
const { t } = useTranslate('common'); const { t } = useTranslate('common');
const changeLanguage = useChangeLanguage(); const changeLanguage = useChangeLanguage();
const { language = '' } = useSelector((state) => state.settingModel.userInfo);


const handleItemClick: MenuProps['onClick'] = ({ key }) => { const handleItemClick: MenuProps['onClick'] = ({ key }) => {
changeLanguage(key); changeLanguage(key);
return ( return (
<div className={styled.toolbarWrapper}> <div className={styled.toolbarWrapper}>
<Space wrap size={16}> <Space wrap size={16}>
<Dropdown menu={{ items, onClick: handleItemClick }} placement="bottom">
<Space className={styled.language}>
<b>{t(camelCase(language))}</b>
<DownOutlined />
</Space>
</Dropdown>
<Circle> <Circle>
<GithubOutlined onClick={handleGithubCLick} /> <GithubOutlined onClick={handleGithubCLick} />
</Circle> </Circle>
<Dropdown menu={{ items, onClick: handleItemClick }} placement="bottom">
<Circle>
<TranslationIcon />
</Circle>
</Dropdown>
{/* <Circle> {/* <Circle>
<MonIcon /> <MonIcon />
</Circle> */} </Circle> */}

+ 1
- 0
web/src/pages/chat/shared-hooks.ts View File

async (message: string, id?: string) => { async (message: string, id?: string) => {
const retcode = await completeConversation({ const retcode = await completeConversation({
conversation_id: id ?? conversationId, conversation_id: id ?? conversationId,
quote: false,
messages: [ messages: [
...(conversation?.message ?? []).map((x: IMessage) => omit(x, 'id')), ...(conversation?.message ?? []).map((x: IMessage) => omit(x, 'id')),
{ {

Loading…
Cancel
Save