usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-10-19 02:37:19 +08:00
Code Issues Projects Releases Packages Wiki Activity

fix: Ask-AI history list reversed when loading answer (#1301)

Browse source
This commit is contained in:
Xiang Jaywhen 2023-03-07 19:36:18 +08:00 • committed by GitHub
parent 008d6a0c81
commit daa1e9edfb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/src/components/AskAIDialog.tsx
View file

@ -1,5 +1,4 @@
import { Button, Textarea } from "@mui/joy"; import { Button, Textarea } from "@mui/joy";
import { reverse } from "lodash-es";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import * as api from "../helpers/api"; import * as api from "../helpers/api";
import useLoading from "../hooks/useLoading"; import useLoading from "../hooks/useLoading";
@ -60,11 +59,11 @@ const AskAIDialog: React.FC<Props> = (props: Props) => {
data: { data: answer }, data: { data: answer },
} = await api.postChatCompletion(question); } = await api.postChatCompletion(question);
setHistoryList([ setHistoryList([
...historyList,
{ {
question, question,
answer: answer.replace(/^\n\n/, ""), answer: answer.replace(/^\n\n/, ""),
}, },
...historyList,
]); ]);
}; };
@ -86,7 +85,7 @@ const AskAIDialog: React.FC<Props> = (props: Props) => {
<Icon.Loader className="w-5 h-auto animate-spin" /> <Icon.Loader className="w-5 h-auto animate-spin" />
</p> </p>
)} )}
{reverse(historyList).map((history, index) => ( {historyList.map((history, index) => (
<div key={index} className="w-full flex flex-col justify-start items-start mt-4 space-y-2"> <div key={index} className="w-full flex flex-col justify-start items-start mt-4 space-y-2">
<div className="w-full flex flex-row justify-start items-start pr-6"> <div className="w-full flex flex-row justify-start items-start pr-6">
<span className="word-break rounded shadow px-3 py-2 opacity-80 bg-gray-100 dark:bg-zinc-700">{history.question}</span> <span className="word-break rounded shadow px-3 py-2 opacity-80 bg-gray-100 dark:bg-zinc-700">{history.question}</span>