'use client';

import { useRouter } from 'next/navigation';
import { useCallback } from 'react';
import ScraperTest from '@/components/ScraperTest';
import { useJobs } from '@/contexts/JobsContext';
import { JobStatus } from '@/components/ScraperTest';

export default function NewScrapePage() {
  const router = useRouter();
  const { addJob } = useJobs();

  const handleJobsChange = useCallback((jobs: JobStatus[]) => {
    // Add new jobs to context (addJob handles deduplication)
    jobs.forEach(job => addJob(job));
  }, [addJob]);

  const handleSelectReviews = (reviews: unknown[], businessName: string, jobId: string) => {
    // Navigate to analytics page for this job
    router.push(`/analytics/${jobId}`);
  };

  return (
    <div className="h-full overflow-y-auto p-6">
      <ScraperTest
        onJobsChange={handleJobsChange}
        onSelectReviews={handleSelectReviews}
      />
    </div>
  );
}