Add bounded GRB map acquisition

frontend/src/hooks/useOfficialMapProducts.ts

@@ -0,0 +1,77 @@
+import { useEffect, useState } from 'react'
+import { datasetsApi } from '../services/api'
+import { formatError } from '../lib/formatError'
+import type {
+  DhmvProductRead,
+  FloodHazardProductRead,
+  GrbProductRead,
+  ThematicRasterProductRead,
+} from '../types'
+
+interface OfficialMapProducts {
+  thematic: ThematicRasterProductRead[]
+  dhmv: DhmvProductRead[]
+  floodHazard: FloodHazardProductRead[]
+  grb: GrbProductRead[]
+}
+
+const EMPTY_PRODUCTS: OfficialMapProducts = {
+  thematic: [],
+  dhmv: [],
+  floodHazard: [],
+  grb: [],
+}
+
+export function useOfficialMapProducts(selectedProjectId: string | null) {
+  const [products, setProducts] = useState<OfficialMapProducts>(EMPTY_PRODUCTS)
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+
+  useEffect(() => {
+    let cancelled = false
+    if (!selectedProjectId) {
+      setProducts(EMPTY_PRODUCTS)
+      setLoading(false)
+      setError(null)
+      return () => {
+        cancelled = true
+      }
+    }
+
+    setLoading(true)
+    setError(null)
+    void Promise.all([
+      datasetsApi.listThematicRasterProducts(selectedProjectId),
+      datasetsApi.listDhmvProducts(selectedProjectId),
+      datasetsApi.listFloodHazardProducts(selectedProjectId),
+      datasetsApi.listGrbProducts(selectedProjectId),
+    ])
+      .then(([thematic, dhmv, floodHazard, grb]) => {
+        if (!cancelled) {
+          setProducts({
+            thematic: thematic.items,
+            dhmv: dhmv.items,
+            floodHazard: floodHazard.items,
+            grb: grb.items,
+          })
+        }
+      })
+      .catch((requestError) => {
+        if (!cancelled) {
+          setProducts(EMPTY_PRODUCTS)
+          setError(formatError(requestError, 'De officiële Vlaamse kaartcatalogi konden niet worden geladen.'))
+        }
+      })
+      .finally(() => {
+        if (!cancelled) {
+          setLoading(false)
+        }
+      })
+
+    return () => {
+      cancelled = true
+    }
+  }, [selectedProjectId])
+
+  return { products, loading, error }
+}