feat: add chat history and edit

This commit is contained in:
2024-09-30 02:53:13 +08:00
parent 029710f31c
commit 441b94a061
10 changed files with 269 additions and 30 deletions

View File

@@ -1,7 +1,7 @@
import { useShallow } from 'zustand/react/shallow';
import { useAiStore } from './store/ai-store';
import { CloseOutlined, HistoryOutlined } from '@ant-design/icons';
import { Button, Form, Input } from 'antd';
import { Button, Form, Input, Tooltip } from 'antd';
import { useEffect } from 'react';
import { TextArea } from '../container/components/TextArea';
import clsx from 'clsx';
@@ -48,9 +48,11 @@ export const AiMoudle = () => {
<div className={clsx('w-[600px] flex-shrink-0 bg-gray-100 border-l-2 shadow-lg flex flex-col', !aiStore?.open && 'hidden')}>
<div className='flex gap-4 bg-slate-400 p-2'>
<Button className='position ml-4 !bg-slate-400 !border-black' onClick={() => aiStore.setOpen(false)} icon={<CloseOutlined />}></Button>
<h1 className='ml-10'>Ai Moudle</h1>
<div>
<HistoryOutlined />
<h1 className='ml-4'>Ai Moudle</h1>
<div className='ml-4'>
<Tooltip title='历史会话'>
<Button className='!bg-slate-400 !border-black' icon={<HistoryOutlined />}></Button>
</Tooltip>
</div>
</div>
<div className='flex-grow p-2 overflow-hidden h-full flex flex-col'>