Shoot confetti when all checklist items are done 🎊
File: client/src/components/Task/TaskModal.jsx
Checklist items get ticked but
zero celebration on 100% 💀 fr!!
Fix: detect when all checks are done:
const handleToggleCheck = (index) => {
const updated = [...checks]
updated[index].done = !updated[index].done
setChecks(updated)
const allDone = updated.every(c => c.done)
if (allDone && updated.length > 0) {
confetti({
particleCount: 80,
spread: 60,
origin: { y: 0.6 }
})
}
}
confetti already installed from issue #44 ✅
~8 lines! No backend needed 🎯
Shoot confetti when all checklist items are done 🎊
File: client/src/components/Task/TaskModal.jsx
Checklist items get ticked but
zero celebration on 100% 💀 fr!!
Fix: detect when all checks are done:
const handleToggleCheck = (index) => {
const updated = [...checks]
updated[index].done = !updated[index].done
setChecks(updated)
const allDone = updated.every(c => c.done)
if (allDone && updated.length > 0) {
confetti({
particleCount: 80,
spread: 60,
origin: { y: 0.6 }
})
}
}
confetti already installed from issue #44 ✅
~8 lines! No backend needed 🎯