From 83b245bbfc0e191a8065617ef39b92041099795f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?= <35082514+alezmad@users.noreply.github.com> Date: Sat, 24 Jan 2026 16:49:35 +0000 Subject: [PATCH] fix: Show blue background with spinner during validation - Keep blue background when isCheckingReviews is true - Add cursor-wait during validation - Move disabled styling to explicit condition check - White spinner now visible on blue background Co-Authored-By: Claude Opus 4.5 --- web/components/ScraperTest.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/web/components/ScraperTest.tsx b/web/components/ScraperTest.tsx index a7bc647..ff58060 100644 --- a/web/components/ScraperTest.tsx +++ b/web/components/ScraperTest.tsx @@ -673,12 +673,16 @@ export default function ScraperTest({ onJobsChange, onSelectReviews }: ScraperTe onClick={handleSearch} disabled={!businessNameQuery.trim() || isCheckingReviews} className={`px-5 py-2.5 font-semibold rounded-lg transition-all flex items-center gap-2 whitespace-nowrap ${ - hasReviews === true && buildSearchQuery() === searchedQuery + isCheckingReviews + ? 'bg-blue-500 text-white cursor-wait' + : hasReviews === true && buildSearchQuery() === searchedQuery ? 'bg-green-600 text-white hover:bg-green-700' : hasReviews === false && buildSearchQuery() === searchedQuery ? 'bg-yellow-500 text-white hover:bg-yellow-600' + : !businessNameQuery.trim() + ? 'bg-gray-300 text-gray-500 cursor-not-allowed' : 'bg-blue-600 text-white hover:bg-blue-700' - } disabled:bg-gray-300 disabled:cursor-not-allowed`} + }`} > {isCheckingReviews ? ( <>