Show completion rate % on user avatar tooltip 📊
File: client/src/pages/Dashboard.jsx
Avatar shows initials but hovering
shows nothing useful 💀 fr!!
Fix: calculate completion rate:
const myTasks = tasks.filter(
t => t.assignee?._id === user?._id
)
const completionRate = myTasks.length > 0
? Math.round(
myTasks.filter(t => t.status === 'done').length
/ myTasks.length * 100
)
: 0
// add tooltip on avatar:
{user?.name?.[0]?.toUpperCase()}
~8 lines! No backend needed 🎯
Motivates users to complete tasks!! 🔥
Show completion rate % on user avatar tooltip 📊
File: client/src/pages/Dashboard.jsx
Avatar shows initials but hovering
shows nothing useful 💀 fr!!
Fix: calculate completion rate:
const myTasks = tasks.filter(
t => t.assignee?._id === user?._id
)
const completionRate = myTasks.length > 0
? Math.round(
myTasks.filter(t => t.status === 'done').length
/ myTasks.length * 100
)
: 0
// add tooltip on avatar:
~8 lines! No backend needed 🎯
Motivates users to complete tasks!! 🔥