Álvaro Valenzuela Valdes commited on
Commit ·
d457dfd
1
Parent(s): f8f0757
Fix checkbox and star button click handling - add stopPropagation to onChange and improve event binding
Browse files
frontend/components/TenderSearch.tsx
CHANGED
|
@@ -364,23 +364,24 @@ export default function TenderSearch({ tenders, onSearch, onAnalyze, forceShowFo
|
|
| 364 |
className={`hover:bg-white/[0.04] cursor-pointer transition-colors group ${selectedCodes.includes(tender.code) ? 'bg-purple-500/5' : ''}`}
|
| 365 |
onClick={() => setSelectedTenderForModal(tender)}
|
| 366 |
>
|
| 367 |
-
<td className="px-4 py-5">
|
| 368 |
-
<div className="flex items-center gap-2">
|
| 369 |
<input
|
| 370 |
type="checkbox"
|
| 371 |
checked={selectedCodes.includes(tender.code)}
|
| 372 |
-
onClick={(e) => e.stopPropagation()}
|
| 373 |
onChange={(e) => {
|
|
|
|
| 374 |
toggleSelect(tender.code);
|
| 375 |
}}
|
| 376 |
-
|
|
|
|
| 377 |
/>
|
| 378 |
<button
|
| 379 |
onClick={(e) => {
|
| 380 |
e.stopPropagation();
|
| 381 |
toggleFollow(tender);
|
| 382 |
}}
|
| 383 |
-
className={`text-base transition-all hover:scale-125 ${followedCodes.includes(tender.code) ? 'text-purple-400 drop-shadow-[0_0_8px_rgba(168,85,247,0.4)]' : 'text-slate-600 hover:text-slate-400'}`}
|
| 384 |
>
|
| 385 |
{followedCodes.includes(tender.code) ? "★" : "☆"}
|
| 386 |
</button>
|
|
|
|
| 364 |
className={`hover:bg-white/[0.04] cursor-pointer transition-colors group ${selectedCodes.includes(tender.code) ? 'bg-purple-500/5' : ''}`}
|
| 365 |
onClick={() => setSelectedTenderForModal(tender)}
|
| 366 |
>
|
| 367 |
+
<td className="px-4 py-5" onClick={(e) => e.stopPropagation()}>
|
| 368 |
+
<div className="flex items-center gap-2 pointer-events-auto">
|
| 369 |
<input
|
| 370 |
type="checkbox"
|
| 371 |
checked={selectedCodes.includes(tender.code)}
|
|
|
|
| 372 |
onChange={(e) => {
|
| 373 |
+
e.stopPropagation();
|
| 374 |
toggleSelect(tender.code);
|
| 375 |
}}
|
| 376 |
+
onClick={(e) => e.stopPropagation()}
|
| 377 |
+
className="w-3.5 h-3.5 rounded border-white/10 bg-white/5 text-purple-500 focus:ring-purple-500/40 cursor-pointer"
|
| 378 |
/>
|
| 379 |
<button
|
| 380 |
onClick={(e) => {
|
| 381 |
e.stopPropagation();
|
| 382 |
toggleFollow(tender);
|
| 383 |
}}
|
| 384 |
+
className={`text-base transition-all hover:scale-125 cursor-pointer ${followedCodes.includes(tender.code) ? 'text-purple-400 drop-shadow-[0_0_8px_rgba(168,85,247,0.4)]' : 'text-slate-600 hover:text-slate-400'}`}
|
| 385 |
>
|
| 386 |
{followedCodes.includes(tender.code) ? "★" : "☆"}
|
| 387 |
</button>
|