feat: #153 while going to previous question, previous answer should a…

…lso auto-filled in input
growupanand · Jan 22, 2024 · f8c2b15 · f8c2b15
1 parent 55aaed6
commit f8c2b15
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/src/components/formSubmissionPage/formFields.tsx b/src/components/formSubmissionPage/formFields.tsx
@@ -31,6 +31,7 @@ export const FormFieldsViewer = ({
     <form onSubmit={handleFormSubmit}>
       <div className={cn("py-3", isFirstQuestion && "hidden")}>
         <Button
+          type="button"
           variant="ghost"
           className={cn("rounded-full", montserrat.className)}
           size="sm"

diff --git a/src/components/formSubmissionPage/formViewer.tsx b/src/components/formSubmissionPage/formViewer.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect, useState } from "react";
+import { ChangeEvent, useEffect, useState } from "react";
 import { Form } from "@prisma/client";
 import { useChat } from "ai/react";
 
@@ -92,9 +92,18 @@ export function FormViewer({ form, refresh, isPreview }: Props) {
   };
 
   const handleShowPreviousQuestion = () => {
+    // Remove previous question message from messages list
     messages.pop();
-    messages.pop();
+    // Remove previous answer message from messages list
+    const previousAnswerMessage = messages.pop();
     setMessages(messages);
+    // Set previous answer in text input
+    const event = {
+      target: {
+        value: previousAnswerMessage?.content || "",
+      },
+    } as ChangeEvent<HTMLTextAreaElement>;
+    handleInputChange(event);
   };
 
   useEffect(() => {