refactor: Code refactor for Problem API

Author: CodeMaster17

frontend/src/api/problemApi.ts

@@ -1,27 +1,32 @@
 // apis for fetching problems for code arena
 
-import { PROBLEM_ROUTE } from "@/constants";
 
-// api to get all the problems
-export const getAllProblems = async () => {
-  const response = await fetch(`${PROBLEM_ROUTE}/all`);
-
-  if (!response.ok) {
-    throw new Error("Failed to fetch problems");
+const fetchWithErrorHandling = async (url: string, options = {}) => {
+  try {
+    const response = await fetch(url, options);
+    if (!response.ok) {
+      const errorDetails = await response.json().catch(() => ({}));
+      throw new Error(
+        errorDetails.message ||
+          `Error ${response.status}: ${response.statusText}`
+      );
+    }
+    return await response.json();
+  } catch (error) {
+    // @ts-expect-error : 'type of error message'
+    console.error(`API Error: ${error.message}`);
+    throw error;
   }
+};
 
-  const data = await response.json();
-  return data;
+// api to get all problems
+export const getAllProblems = async () => {
+  const url = `${import.meta.env.VITE_PROBLEM_API_URL}/all`;
+  return await fetchWithErrorHandling(url);
 };
 
-// api to get the single problem by id
+// api to get problem by id
 export const getProblemById = async (id: string) => {
-  const response = await fetch(`${PROBLEM_ROUTE}/get/${id}`);
-
-  if (!response.ok) {
-    throw new Error("Failed to fetch problem");
-  }
-
-  const result = await response.json();
-  return result;
+  const url = `${import.meta.env.VITE_PROBLEM_API_URL}/get/${id}`;
+  return await fetchWithErrorHandling(url);
 };