40 lines
806 B
TypeScript
40 lines
806 B
TypeScript
'use client';
|
|
|
|
import Link from 'next/link';
|
|
import { useAnalytics } from './analytics/useAnalytics';
|
|
import { AnalyticsEvents } from './analytics/analytics-events';
|
|
|
|
interface RelatedProductLinkProps {
|
|
href: string;
|
|
productSlug: string;
|
|
productTitle: string;
|
|
children: React.ReactNode;
|
|
className?: string;
|
|
}
|
|
|
|
export function RelatedProductLink({
|
|
href,
|
|
productSlug,
|
|
productTitle,
|
|
children,
|
|
className,
|
|
}: RelatedProductLinkProps) {
|
|
const { trackEvent } = useAnalytics();
|
|
|
|
return (
|
|
<Link
|
|
href={href}
|
|
className={className}
|
|
onClick={() =>
|
|
trackEvent(AnalyticsEvents.PRODUCT_VIEW, {
|
|
product_id: productSlug,
|
|
product_name: productTitle,
|
|
location: 'related_products',
|
|
})
|
|
}
|
|
>
|
|
{children}
|
|
</Link>
|
|
);
|
|
}
|