"use client";

import { useEffect } from "react";
import { useRecentlyViewedStore } from "@/store/recently-viewed-store";

/** Rendert nichts — zeichnet den Produktbesuch nur im lokalen "zuletzt angesehen"-Verlauf auf. */
export function RecordProductView({ productId }: { productId: string }) {
  const addViewed = useRecentlyViewedStore((s) => s.addViewed);

  useEffect(() => {
    addViewed(productId);
    // Nur beim Mount/Produktwechsel aufzeichnen, nicht bei jedem Store-Update.
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [productId]);

  return null;
}