alezmad/whyrating-engine-legacy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Show blue background with spinner during validation

Browse Source 
- 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 <noreply@anthropic.com>
This commit is contained in:
Alejandro Gutiérrez
2026-01-24 16:49:35 +00:00
parent e0e86d2830
commit 83b245bbfc
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/ScraperTest.tsx
View File

@@ -673,12 +673,16 @@ export default function ScraperTest({ onJobsChange, onSelectReviews }: ScraperTe
onClick={handleSearch} onClick={handleSearch}
disabled={!businessNameQuery.trim() || isCheckingReviews} disabled={!businessNameQuery.trim() || isCheckingReviews}
className={`px-5 py-2.5 font-semibold rounded-lg transition-all flex items-center gap-2 whitespace-nowrap ${ 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' ? 'bg-green-600 text-white hover:bg-green-700'
: hasReviews === false && buildSearchQuery() === searchedQuery : hasReviews === false && buildSearchQuery() === searchedQuery
? 'bg-yellow-500 text-white hover:bg-yellow-600' ? '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' : 'bg-blue-600 text-white hover:bg-blue-700'
} disabled:bg-gray-300 disabled:cursor-not-allowed`} }`}
> >
{isCheckingReviews ? ( {isCheckingReviews ? (
<> <>