forked from github/plane
fix: issue with GPT assistant response not updating on new requests. (#3063)
This commit is contained in:
parent
b629263bc2
commit
b515c0ffa6
@ -9,7 +9,7 @@ import useToast from "hooks/use-toast";
|
|||||||
// ui
|
// ui
|
||||||
import { Button, Input } from "@plane/ui";
|
import { Button, Input } from "@plane/ui";
|
||||||
// components
|
// components
|
||||||
import { RichReadOnlyEditor, RichReadOnlyEditorWithRef } from "@plane/rich-text-editor";
|
import { RichReadOnlyEditorWithRef } from "@plane/rich-text-editor";
|
||||||
// types
|
// types
|
||||||
import { IIssue, IPageBlock } from "types";
|
import { IIssue, IPageBlock } from "types";
|
||||||
|
|
||||||
@ -42,6 +42,7 @@ export const GptAssistantModal: React.FC<Props> = (props) => {
|
|||||||
const { workspaceSlug } = router.query;
|
const { workspaceSlug } = router.query;
|
||||||
|
|
||||||
const editorRef = useRef<any>(null);
|
const editorRef = useRef<any>(null);
|
||||||
|
const responseRef = useRef<any>(null);
|
||||||
|
|
||||||
const { setToastAlert } = useToast();
|
const { setToastAlert } = useToast();
|
||||||
|
|
||||||
@ -115,6 +116,10 @@ export const GptAssistantModal: React.FC<Props> = (props) => {
|
|||||||
editorRef.current?.setEditorValue(htmlContent ?? `<p>${content}</p>`);
|
editorRef.current?.setEditorValue(htmlContent ?? `<p>${content}</p>`);
|
||||||
}, [htmlContent, editorRef, content]);
|
}, [htmlContent, editorRef, content]);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
responseRef.current?.setEditorValue(`<p>${response}</p>`);
|
||||||
|
}, [response, responseRef]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className={`absolute ${inset} z-20 flex w-full flex-col space-y-4 overflow-hidden rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 shadow ${
|
className={`absolute ${inset} z-20 flex w-full flex-col space-y-4 overflow-hidden rounded-[10px] border border-custom-border-200 bg-custom-background-100 p-4 shadow ${
|
||||||
@ -137,11 +142,12 @@ export const GptAssistantModal: React.FC<Props> = (props) => {
|
|||||||
{response !== "" && (
|
{response !== "" && (
|
||||||
<div className="page-block-section text-sm">
|
<div className="page-block-section text-sm">
|
||||||
Response:
|
Response:
|
||||||
<RichReadOnlyEditor
|
<RichReadOnlyEditorWithRef
|
||||||
value={`<p>${response}</p>`}
|
value={`<p>${response}</p>`}
|
||||||
customClassName="-mx-3 -my-3"
|
customClassName="-mx-3 -my-3"
|
||||||
noBorder
|
noBorder
|
||||||
borderOnFocus={false}
|
borderOnFocus={false}
|
||||||
|
ref={responseRef}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
Loading…
Reference in New Issue
Block a user