Configure the service functions and integrate edit question

Author: bensohh

apps/question-service/src/app/page.tsx

@@ -32,6 +32,7 @@ import {
   Question,
   CreateQuestion,
   NewQuestion,
+  EditQuestion,
 } from "./services/question";
 import {
   CategoriesOption,
@@ -137,6 +138,22 @@ export default function Home() {
     }
   };
 
+  const handleEditQuestion = async (
+    values: NewQuestion,
+    index: number,
+    docRefId: string
+  ) => {
+    try {
+      const editedQuestion = await EditQuestion(values, docRefId);
+      // Reset form or update UI as needed
+      handleModalClose(index);
+      editForm.resetFields();
+      success("Problem Updated!");
+    } catch (err: any) {
+      error(err.message);
+    }
+  };
+
   const handleCreateQuestion = async (values: NewQuestion) => {
     try {
       const createdQuestion = await CreateQuestion(values);
@@ -278,7 +295,7 @@ export default function Home() {
               {...layout}
               form={editForm}
               onFinish={(values) => {
-                // handleEditQuestion(values); TODO!!! (SEAN) follow the create concept and display error and success values
+                handleEditQuestion(values, index, question.docRefId);
               }}
             >
               <Form.Item

apps/question-service/src/app/services/question.ts

@@ -108,7 +108,29 @@ export const CreateQuestion = async (
   }
 };
 
-// Update single question (TODO: Sean)
+export const EditQuestion = async (
+  question: NewQuestion,
+  docRefId: string
+): Promise<Question> => {
+  const response = await fetch(
+    `${process.env.NEXT_PUBLIC_API_URL}questions/${docRefId}`,
+    {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(question),
+    }
+  );
+
+  if (response.status === 200) {
+    return response.json();
+  } else {
+    throw new Error(
+      `Error updating question: ${response.status} ${response.statusText}`
+    );
+  }
+};
 
 // Delete single question (TODO: Ryan)
 export async function DeleteQuestion(docRef: String): Promise<void> {