🚀 Improve the error handling

antoniovizuete · Oct 10, 2022 · f3744a1 · f3744a1
1 parent 2eaf742
commit f3744a1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/src/components/Result/Result.tsx b/src/components/Result/Result.tsx
@@ -11,7 +11,7 @@ type Params = {
 export default function Result({ result, error, loading }: Params) {
   if (error) {
     return (
-      <div className="overflow-auto h-full flex flex-col gap-5 p-5">
+      <div className="overflow-auto h-full flex flex-col gap-5 p-5 justify-start items-center">
         <NonIdealState
           className="w-full h-fit"
           title="Error"

diff --git a/src/lib/peform-query/perform-query.ts b/src/lib/peform-query/perform-query.ts
@@ -40,12 +40,26 @@ export function performQuery({
       if (this.readyState === XMLHttpRequest.DONE) {
         if (this.status === 200) {
           resolve(parseResponse(this.responseText));
+        } else if (this.status === 401) {
+          reject("Unauthorized");
+        } else if (this.status === 403) {
+          reject("Forbidden");
+        } else if (this.status === 0) {
+          reject("Connection error");
         } else {
           reject(this.responseText);
         }
       }
     };
 
-    xhr.send(query);
+    xhr.onerror = function () {
+      reject("Network error");
+    };
+
+    try {
+      xhr.send(query);
+    } catch (e) {
+      reject((e as Error).message);
+    }
   });
 }