feat: save error message into database.

This commit is contained in:
Wentao Lyu 2023-03-14 03:38:47 +08:00
parent d9e5464b3b
commit 0fa19bb6ad
6 changed files with 37 additions and 10 deletions

View file

@ -128,13 +128,14 @@ export default function TextChat({ messages }) {
dispatch(setSubmitState(false));
};
const errorHandler = (event, currentState) => {
const { initialResponse, messages, currentMsg, message } = currentState;
const errorHandler = (event, currentState, currentMsg) => {
const { initialResponse, messages, _currentMsg, message } = currentState;
console.log('Error:', event);
const errorResponse = {
...initialResponse,
text: `An error occurred. Please try again in a few moments.\n\nError message: ${event.data}`,
error: true
text: `${event.data}`,
error: true,
parentMessageId: currentMsg?.messageId,
};
setErrorMessage(event.data);
dispatch(setSubmitState(false));
@ -264,7 +265,7 @@ export default function TextChat({ messages }) {
events.onerror = function (e) {
console.log('error in opening conn.');
events.close();
errorHandler(e, currentState);
errorHandler(e, currentState, currentMsg);
};
events.stream();
@ -306,6 +307,7 @@ export default function TextChat({ messages }) {
const changeHandler = (e) => {
const { value } = e.target;
console.log(value)
if (isSubmitting && (value === '' || value === '\n')) {
return;
}

View file

@ -166,7 +166,11 @@ export default function Message({
// this is not a real messageId, it is used as placeholder before real messageId returned
const fakeMessageId = crypto.randomUUID();
const isCustomModel = model === 'chatgptCustom' || !initial[model];
const currentMsg = { ...message, sender: 'User', text: text.trim(), current: true, isCreatedByUser: true, messageId: fakeMessageId };
const currentMsg = {
sender: 'User', text: text.trim(), current: true, isCreatedByUser: true,
parentMessageId: message?.parentMessageId,
conversationId: message?.conversationId,
messageId: fakeMessageId };
const sender = model === 'chatgptCustom' ? chatGptLabel : model;
const initialResponse = { sender, text: '', parentMessageId: fakeMessageId, submitting: true };
@ -217,7 +221,7 @@ export default function Message({
{error ? (
<div className="flex flex min-h-[20px] flex-col flex-grow items-start gap-4 gap-2 whitespace-pre-wrap text-red-500">
<div className="rounded-md border border-red-500 bg-red-500/10 py-2 px-3 text-sm text-gray-600 dark:text-gray-100">
{text}
{`An error occurred. Please try again in a few moments.\n\nError message: ${text}`}
</div>
</div>
) :