Add test URL quick-select buttons to frontend

- Small (~79 reviews): R. Fleitas Peluqueros
- Medium (~589 reviews): ClickRent Gran Canaria
- Large (~2000+ reviews): Hospital Doctor Negrín

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-01-22 14:20:54 +00:00
parent 8b36850838
commit 01ea18d91d

View File

@@ -318,8 +318,37 @@ export default function ScraperTest() {
searchInputRef.current?.focus(); searchInputRef.current?.focus();
}; };
// Test URLs at different scales
const testUrls = [
{ name: '🏪 Small (~79)', query: 'R. Fleitas Peluqueros Gran Canaria' },
{ name: '🚗 Medium (~589)', query: 'ClickRent Gran Canaria' },
{ name: '🏥 Large (~2000+)', query: 'Hospital Universitario Doctor Negrín Las Palmas' },
];
return ( return (
<div className="w-full max-w-4xl mx-auto"> <div className="w-full max-w-4xl mx-auto">
{/* Test URL Quick Select */}
<div className="mb-4 p-3 bg-gray-50 border-2 border-gray-200 rounded-xl">
<div className="flex items-center gap-2 mb-2">
<span className="text-xs font-semibold text-gray-500 uppercase tracking-wide">Quick Test:</span>
</div>
<div className="flex flex-wrap gap-2">
{testUrls.map((test, idx) => (
<button
key={idx}
onClick={() => {
setSearchQuery(test.query);
setSearchedQuery(test.query);
checkReviews(test.query);
}}
className="px-3 py-1.5 text-sm bg-white border-2 border-gray-300 rounded-lg hover:border-blue-500 hover:bg-blue-50 transition-all font-medium text-gray-700"
>
{test.name}
</button>
))}
</div>
</div>
{/* Search Interface */} {/* Search Interface */}
<> <>
<div className="mb-4 flex gap-2"> <div className="mb-4 flex gap-2">