Standardise frontend hook fetch error handling and mark Task 12 done

2026-03-22 10:17:15 +01:00
parent bf2abda595
commit 136f21ecbe
17 changed files with 62 additions and 45 deletions
--- a/frontend/src/hooks/useDashboardCountryData.ts
+++ b/frontend/src/hooks/useDashboardCountryData.ts
@@ -9,6 +9,7 @@

 import { useCallback, useEffect, useRef, useState } from "react";
 import { fetchBansByCountry } from "../api/map";
+import { handleFetchError } from "../utils/fetchError";
 import type { DashboardBanItem, BanOriginFilter, TimeRange } from "../types/ban";

 // ---------------------------------------------------------------------------
@@ -77,7 +78,7 @@ export function useDashboardCountryData(
      })
      .catch((err: unknown) => {
        if (controller.signal.aborted) return;
-        setError(err instanceof Error ? err.message : "Failed to fetch data");
+        handleFetchError(err, setError, "Failed to fetch dashboard country data");
      })
      .finally(() => {
        if (!controller.signal.aborted) {