import React, { useEffect } from 'react';
import axios from 'axios';

const TrafficTracker = ({ pageName, apiKey }) => {
  useEffect(() => {
    console.log("Api key " , apiKey)
    console.log("Page name" , pageName)
    const recordPageView = async () => {
      try {
        const response = await axios.post('http://localhost:3002/update-traffic', {
          apiKey,
          pageName,
        });
        console.log(response)
      } catch (error) {
        console.error('Error recording page view:', error);
      }
    };

    recordPageView();
  }, [pageName, apiKey]);

  return null; // This component doesn't render anything visible
};

export default TrafficTracker;