txt input, select

stoqey · Feb 13, 2024 · f9d83d1 · f9d83d1
1 parent dda50bf
commit f9d83d1
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 45 deletions.
diff --git a/src/app/dashboard/applications.view.tsx b/src/app/dashboard/applications.view.tsx
@@ -69,7 +69,7 @@ export const ApplicationsViews = (props: ApplicationsViewProps) => {
 
           {selectedApp && (
             <div
-              style={{ height: "70vh" }}
+              style={{ height: "70vh", width: "50%" }}
               className="flex flex-col overflow-x-scroll"
             >
               <div style={{ marginBottom: "20px" }}>

diff --git a/src/app/questions/list.tsx b/src/app/questions/list.tsx
@@ -36,7 +36,7 @@ export interface UseQuestions {
   selectedQuestion?: QuestionAnswer;
   questions: QuestionAnswer[];
   handleChangeAnswer: (answer: Answer) => void;
-  handleSaveQuestion: () => void;
+  handleSaveQuestion: (question: QuestionAnswer) => void;
   clearSearch: () => void;
   handleSearch: (search: string) => void;
   setSelectedQuestion: (question: QuestionAnswer) => void;
@@ -77,39 +77,26 @@ export const useQuestions = (): UseQuestions => {
     return sortBy(filteredQuestions, "date");
   };
 
-  const readQuestion = async (question: QuestionAnswer) => {
-    // console.log("read question", question);
-
-    const savedRead = await (window as any).api.invoke(
-      "questions:read",
-      question
-    );
-
-    // console.log("savedRead", savedRead);
-
-    if (savedRead) {
-      // update FE
-      const allquestions = questions.map((item) => {
-        if (item.question.inputId === question.question.inputId) {
-          return { ...question, isNew: false };
+  const setSelectedQuestion = (question: QuestionAnswer) => {
+    setState({
+      ...state,
+      selectedQuestion: question,
+      questions: questions.map((item) => {
+        if (item?.question?.inputId === question?.question?.inputId) {
+          return question;
         }
         return item;
-      });
-
-      setState({
-        ...state,
-        questions: allquestions,
-        selectedQuestion: question,
-      });
-    }
-  };
-
-  const setSelectedQuestion = async (question: QuestionAnswer) => {
-    await readQuestion(question);
+      }),
+    });
+    handleSaveQuestion(question);
   };
 
   const setSelectedAnswerText = (answer: string) => {
-    const selQuestion = { ...selectedQuestion, chainRes: { text: answer } };
+    const selQuestion = {
+      ...selectedQuestion,
+      chainRes: { text: answer },
+      isNew: false,
+    };
     setSelectedQuestion(selQuestion);
   };
 
@@ -216,11 +203,11 @@ export const useQuestions = (): UseQuestions => {
     getAllQuestions();
   }, []);
 
-  const handleSaveQuestion = async () => {
+  const handleSaveQuestion = async (selQuestion: QuestionAnswer) => {
     const questToSave: QuestionAnswer = {
-      ...selectedQuestion,
+      ...selQuestion,
       chainRes: {
-        ...selectedQuestion.chainRes,
+        ...selQuestion.chainRes,
         error: false,
       },
       isNew: false,
@@ -231,14 +218,14 @@ export const useQuestions = (): UseQuestions => {
       questToSave
     );
 
-    const allquestions = questions.map((item) => {
-      if (item.question.inputId === selectedQuestion.question.inputId) {
-        return questToSave;
-      }
-      return item;
-    });
+    // const allquestions = questions.map((item) => {
+    //   if (item.question.inputId === selectedQuestion.question.inputId) {
+    //     return questToSave;
+    //   }
+    //   return item;
+    // });
 
-    setState({ ...state, questions: allquestions });
+    // setState({ ...state, questions: allquestions });
 
     // await getAllQuestions();
     return saveQuestion;
@@ -248,7 +235,6 @@ export const useQuestions = (): UseQuestions => {
 
   return {
     search,
-    readQuestion,
     handleSearch,
     clearSearch,
     selectedQuestion,
@@ -264,7 +250,6 @@ export const useQuestions = (): UseQuestions => {
 export const ListQuestions = () => {
   const {
     handleSaveQuestion,
-    readQuestion,
     getFilteredQuestions,
     selectedQuestion = null,
     questions = [],
@@ -353,7 +338,7 @@ export const ListQuestions = () => {
 
             <div className="flex justify-center mt-2">
               <button
-                onClick={handleSaveQuestion}
+                onClick={() => handleSaveQuestion(selectedQuestion)}
                 className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
               >
                 Save

diff --git a/src/app/questions/question.tsx b/src/app/questions/question.tsx
@@ -146,6 +146,10 @@ export const RenderQuestion = ({
 
       // console.log("questionInputOptions", questionInputOptions);
 
+      const selectQuesTextAnswer = questionAnswerText
+        .replace('"', "")
+        .replace('"', "");
+
       return (
         <div>
           <div>
@@ -155,7 +159,7 @@ export const RenderQuestion = ({
           </div>
           <SearchSelect
             className="w-full text-xl"
-            value={questionAnswerText}
+            value={selectQuesTextAnswer}
             onChange={(e: any) => {
               const value = e;
               const answer = {

diff --git a/src/utils/state/index.ts b/src/utils/state/index.ts
@@ -184,7 +184,7 @@ export async function saveQuestion(questionAnswer: QuestionAnswer): Promise<bool
 
         const questionReadableId = getReadableId(questionAnswer.question.question);
 
-        console.log("saveQuestion", { questionReadableId, questionAnswer });
+        // console.log("saveQuestion", { questionReadableId, questionAnswer });
 
         const questionFile = `${questionReadableId}.json`;
         // Create appDataDir if not exist