import { useState } from "preact/hooks"; import { useStripFocus } from "../hooks/useStripFocus"; import { addToList } from "../lib/api"; import { text } from "../lib/config"; import { Html } from "./Html"; /** * "You may also compare": related products under the shopper's own list * (`data.related`, empty for shared links or a full list). Adding goes * through `addToList()`; the table then refetches on `pcfw:added`. */ export function RelatedStrip({ data }) { const [busy, setBusy] = useState(0); const items = (data && data.related) || []; const shown = items.length > 0; const { headingRef, afterAdd } = useStripFocus(shown); if (!shown) { return null; } const add = async (id) => { setBusy(id); try { if (await addToList(id)) { afterAdd(); } } finally { setBusy(0); } }; return (
); }