Check response status for usage queries

Related to #374
packit · Feb 15, 2024 · 37057e4 · 37057e4
1 parent b8b12ad
commit 37057e4
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/frontend/src/app/Usage/UsageInterval.tsx b/frontend/src/app/Usage/UsageInterval.tsx
@@ -30,7 +30,12 @@ const fetchDataByGranularity = (granularity: UsageIntervalProps) =>
     `${import.meta.env.VITE_API_URL}/usage/intervals?days=${
       granularity.days
     }&hours=${granularity.hours}&count=${granularity.count}`,
-  ).then((response) => response.json());
+  ).then((response) => {
+    if (!response.ok) {
+      throw Promise.reject(response);
+    }
+    return response.json();
+  });
 
 interface UsageIntervalProps {
   days: number;

diff --git a/frontend/src/app/Usage/UsageList.tsx b/frontend/src/app/Usage/UsageList.tsx
@@ -16,7 +16,12 @@ import { UsageListData } from "./UsageListData";
 
 const fetchDataByGranularity = (granularity: UsageListProps["what"]) =>
   fetch(`${import.meta.env.VITE_API_URL}/usage/${granularity}`).then(
-    (response) => response.json(),
+    (response) => {
+      if (!response.ok) {
+        throw Promise.reject(response);
+      }
+      return response.json();
+    },
   );
 
 interface UsageListProps {