init

hooks/use-heatmap-data.ts

@@ -0,0 +1,44 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+
+export interface HeatmapPoint {
+  lat: number;
+  lng: number;
+  weight: number;
+  lobsterCount: number;
+  city: string;
+  country: string;
+}
+
+interface HeatmapData {
+  points: HeatmapPoint[];
+  lastUpdated: string;
+}
+
+export function useHeatmapData(refreshInterval = 30000) {
+  const [data, setData] = useState<HeatmapData>({ points: [], lastUpdated: "" });
+  const [isLoading, setIsLoading] = useState(true);
+
+  const fetchData = useCallback(async () => {
+    try {
+      const res = await fetch("/api/v1/heatmap");
+      if (res.ok) {
+        const json = await res.json();
+        setData(json);
+      }
+    } catch {
+      // silently fail, will retry on next interval
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchData();
+    const interval = setInterval(fetchData, refreshInterval);
+    return () => clearInterval(interval);
+  }, [fetchData, refreshInterval]);
+
+  return { ...data, isLoading, refresh: fetchData };
+}