nostrudel/src/hooks/use-single-events.ts

import { useEffect } from "react";
import { Queries } from "applesauce-core";
import { useStoreQuery } from "applesauce-react";

import singleEventService from "../services/single-event";
import { useReadRelays } from "./use-client-relays";

export default function useSingleEvents(ids?: string[], additionalRelays?: Iterable<string>) {
  const readRelays = useReadRelays(additionalRelays);
  useEffect(() => {
    if (!ids) return;

    for (const id of ids) {
      singleEventService.requestEvent(id, readRelays);
    }
  }, [ids, readRelays.urls.join("|")]);

  return useStoreQuery(Queries.TimelineQuery, ids ? [{ ids }] : undefined) ?? [];
}