Feat: Render the uploaded agent message file #3221 (#9081)

### What problem does this PR solve?

Feat: Render the uploaded agent message file #3221

### Type of change


- [x] New Feature (non-breaking change which adds functionality)
This commit is contained in:
balibabu
2025-07-29 10:56:30 +08:00
committed by GitHub
parent 342a04ec8a
commit 7e7619bdc0
6 changed files with 63 additions and 90 deletions

View File

@ -152,17 +152,21 @@ export function useSetUploadResponseData() {
const [uploadResponseList, setUploadResponseList] = useState<
UploadResponseDataType[]
>([]);
const [fileList, setFileList] = useState<File[]>([]);
const append = useCallback((data: UploadResponseDataType) => {
const append = useCallback((data: UploadResponseDataType, files: File[]) => {
setUploadResponseList((prev) => [...prev, data]);
setFileList((pre) => [...pre, ...files]);
}, []);
const clear = useCallback(() => {
setUploadResponseList([]);
setFileList([]);
}, []);
return {
uploadResponseList,
fileList,
setUploadResponseList,
appendUploadResponseList: append,
clearUploadResponseList: clear,
@ -198,6 +202,7 @@ export const useSendAgentMessage = (
appendUploadResponseList,
clearUploadResponseList,
uploadResponseList,
fileList,
} = useSetUploadResponseData();
const sendMessage = useCallback(
@ -259,18 +264,19 @@ export const useSendAgentMessage = (
const handlePressEnter = useCallback(() => {
if (trim(value) === '') return;
const id = uuid();
const msgBody = {
id,
content: value.trim(),
role: MessageType.User,
};
if (done) {
setValue('');
sendMessage({
message: { id, content: value.trim(), role: MessageType.User },
message: msgBody,
});
}
addNewestOneQuestion({
content: value,
id,
role: MessageType.User,
});
}, [value, done, addNewestOneQuestion, setValue, sendMessage]);
addNewestOneQuestion({ ...msgBody, files: fileList });
}, [value, done, addNewestOneQuestion, fileList, setValue, sendMessage]);
useEffect(() => {
const { content, id } = findMessageFromList(answerList);