github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2025-09-05 02:51:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): Unified frontend code style (#1923)

Browse Source 
Co-authored-by: Fangyin Cheng <staneyffer@gmail.com>
Co-authored-by: 谨欣 <echo.cmy@antgroup.com>
Co-authored-by: 严志勇 <yanzhiyong@tiansuixiansheng.com>
Co-authored-by: yanzhiyong <932374019@qq.com>
This commit is contained in:
Dreammy23
2024-08-30 14:03:06 +08:00
committed by GitHub
parent f866580703
commit 471689ba20
247 changed files with 4960 additions and 4546 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/components/chat/header/excel-upload.tsx
View File

@@ -1,8 +1,8 @@
import { PropsWithChildren, useContext, useState } from 'react';
import { Upload, UploadProps, Button, message, UploadFile, Tooltip } from 'antd';
import { LinkOutlined, SelectOutlined, UploadOutlined } from '@ant-design/icons';
import { apiInterceptors, postChatModeParamsFileLoad } from '@/client/api';
import { ChatContext } from '@/app/chat-context';
import { apiInterceptors, postChatModeParamsFileLoad } from '@/client/api';
import { LinkOutlined, SelectOutlined, UploadOutlined } from '@ant-design/icons';
import { Button, Tooltip, Upload, UploadFile, UploadProps, message } from 'antd';
import { PropsWithChildren, useContext, useState } from 'react';
interface Props {
convUid: string;
@@ -17,7 +17,7 @@ function ExcelUpload({ convUid, chatMode, onComplete, ...props }: PropsWithChild
const [percent, setPercent] = useState<number>();
const { model } = useContext(ChatContext);
const onChange: UploadProps['onChange'] = async (info) => {
const onChange: UploadProps['onChange'] = async info => {
if (!info) {
message.error('Please select the *.(csv|xlsx|xls) file');
return;
@@ -45,7 +45,7 @@ function ExcelUpload({ convUid, chatMode, onComplete, ...props }: PropsWithChild
config: {
/** timeout 1h */
timeout: 1000 * 60 * 60,
onUploadProgress: (progressEvent) => {
onUploadProgress: progressEvent => {
const progress = Math.ceil((progressEvent.loaded / (progressEvent.total || 0)) * 100);
setPercent(progress);
},
@@ -65,16 +65,16 @@ function ExcelUpload({ convUid, chatMode, onComplete, ...props }: PropsWithChild
return (
<>
<div className="flex items-start gap-2">
<div className='flex items-start gap-2'>
{contextHolder}
<Tooltip placement="bottom" title="File cannot be changed after upload">
<Tooltip placement='bottom' title='File cannot be changed after upload'>
<Upload
disabled={loading}
className="mr-1"
className='mr-1'
beforeUpload={() => false}
fileList={fileList}
name="file"
accept=".csv,.xlsx,.xls"
name='file'
accept='.csv,.xlsx,.xls'
multiple={false}
onChange={onChange}
showUploadList={{
@@ -85,15 +85,20 @@ function ExcelUpload({ convUid, chatMode, onComplete, ...props }: PropsWithChild
itemRender={() => <></>}
{...props}
>
<Button className="flex justify-center items-center" type="primary" disabled={loading} icon={<SelectOutlined />}>
<Button
className='flex justify-center items-center'
type='primary'
disabled={loading}
icon={<SelectOutlined />}
>
Select File
</Button>
</Upload>
</Tooltip>
<Button
type="primary"
type='primary'
loading={loading}
className="flex justify-center items-center"
className='flex justify-center items-center'
disabled={!fileList.length}
icon={<UploadOutlined />}
onClick={onUpload}
@@ -101,8 +106,8 @@ function ExcelUpload({ convUid, chatMode, onComplete, ...props }: PropsWithChild
{loading ? (percent === 100 ? 'Analysis' : 'Uploading') : 'Upload'}
</Button>
{!!fileList.length && (
<div className="mt-2 text-gray-500 text-sm flex items-center" onClick={() => setFileList([])}>
<LinkOutlined className="mr-2" />
<div className='mt-2 text-gray-500 text-sm flex items-center' onClick={() => setFileList([])}>
<LinkOutlined className='mr-2' />
<span>{fileList[0]?.name}</span>
</div>
)}