Á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
- className="w-3.5 h-3.5 rounded border-white/10 bg-white/5 text-purple-500 focus:ring-purple-500/40"
 
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>