Function useResolutionData

src/components/ResolutionPanel.tsx:41–102

()

/** Hook for page.tsx to get alert data + available categories for the dropdown */
export function useResolutionData() {
  const [alerts, setAlerts] = useState<ResolutionAlertInput[]>([]);
  const retryRef = useRef(0);
  const fetchAlertsRef = useRef<(() => Promise<void>) | undefined>(undefined);

  const fetchAlerts = useCallback(async () => {
    try {
      const res = await fetch("/api/resolution-alerts");
      if (!res.ok) return;
      const data = await res.json();
      setAlerts(
        (data.alerts || []).map((a: Record<string, unknown>) => ({
          id: a.id,
          eventId: a.event_id,
          title: a.title,
          url: a.url,
          source: a.source,
          detectedAt: a.detected_at,
          marketTitle: a.market_title || "",
          slug: a.slug || "",
          prob: a.prob ?? null,
          endDate: a.end_date ?? null,
          category: a.category ?? null,
        }))
      );
      retryRef.current = 0;
    } catch {
      if (retryRef.current < 2) {
        retryRef.current++;
        setTimeout(() => fetchAlertsRef.current?.(), 3000);
      }
    }
  }, []);

  useEffect(() => {
    fetchAlertsRef.current = fetchAlerts;
    queueMicrotask(() => {
      void fetchAlerts();
    });
    const iv = setInterval(fetchAlerts, 120_000);
    return () => clearInterval(iv);
  }, [fetchAlerts]);

  const enriched = useMemo(
    () =>
      alerts.map((a) => ({ ...a, strength: strengthOf(a) })).sort((a, b) => {
        const sr = { strong: 3, moderate: 2, weak: 1 };
        const diff = sr[b.strength] - sr[a.strength];
        if (diff !== 0) return diff;
        return new Date(b.detectedAt).getTime() - new Date(a.detectedAt).getTime();
      }),
    [alerts]
  );

  const categories = useMemo(() => {
    const cats = new Set<string>();
    for (const a of enriched) if (a.category) cats.add(a.category);
    return Array.from(cats).sort();