"use client";

import { useEffect } from "react";

interface ViewTrackerProps {
  viewedUserId: number;
}

export default function ViewTracker({ viewedUserId }: ViewTrackerProps) {
  useEffect(() => {
    fetch("/api/recently-viewed", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ viewed_user_id: viewedUserId }),
    }).catch(() => {
      // Silent fail - view tracking is non-critical
    });
  }, [viewedUserId]);

  return null;
}