Refactor create leetcode question action

Author: tingkai-mai

frontend/src/api/leetcode-dashboard.tsx

@@ -6,13 +6,26 @@ import {
 
 const QUESTION_SERVICE = process.env.NEXT_PUBLIC_QUESTION_SERVICE;
 
-export const createSingleLeetcodeQuestion = async ({
-  title,
-  description,
-  category,
-  complexity,
-}: NewQuestionData) => {
+export const createSingleLeetcodeQuestion = async (
+  data: NewQuestionData
+): Promise<QuestionFull> => {
   const url = `${QUESTION_SERVICE}/create`;
+  const resp = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(data),
+  });
+
+  // Check if the response is not OK (e.g., status code 400, 500)
+  if (!resp.ok) {
+    throw new Error(`Failed to create the question: ${resp.statusText}`);
+  }
+
+  // Parse and return the JSON response
+  const result: QuestionFull = await resp.json();
+  return result;
 };
 
 export const getLeetcodeDashboardData = async (): Promise<
@@ -60,7 +73,7 @@ export const updateSingleLeetcodeQuestion = async ({
     throw new Error("Failed to update the question");
   }
 
-  return await resp.json();
+  return resp.json();
 };
 
 export const deleteSingleLeetcodeQuestion = async (questionId: string) => {

frontend/src/app/(auth)/leetcode-dashboard/AddQuestionDialog.tsx

@@ -20,6 +20,7 @@ import { useForm } from "react-hook-form";
 import Swal from "sweetalert2";
 import { z } from "zod";
 import MoonLoader from "react-spinners/MoonLoader";
+import { createSingleLeetcodeQuestion } from "@/api/leetcode-dashboard";
 
 const QUESTION_SERVICE = process.env.NEXT_PUBLIC_QUESTION_SERVICE;
 
@@ -57,29 +58,19 @@ const AddQuestionDialog = ({ setClose }: AddQuestionDialogProp) => {
 
   async function onSubmit(values: z.infer<typeof formSchema>) {
     setIsSubmitting(true);
-    const url = `${QUESTION_SERVICE}/create`;
-    await fetch(url, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify({
-        title: values.questionTitle,
-        description: values.questionDescription,
-        category: values.questionTopics,
-        complexity: values.questionDifficulty,
-      }),
+
+    createSingleLeetcodeQuestion({
+      title: values.questionTitle,
+      description: values.questionDescription,
+      category: values.questionTopics,
+      complexity: values.questionDifficulty,
     })
       .then((response) => {
-        if (response.ok) {
-          Swal.fire({
-            icon: "success",
-            title: "Question Added",
-            text: "Question has been added successfully.",
-          });
-        }
-
-        return response.json();
+        Swal.fire({
+          icon: "success",
+          title: "Question Added",
+          text: "Question has been added successfully.",
+        });
       })
       .catch((error) => {
         Swal.fire({