Skip to content

Show completion rate % on user avatar tooltip 📊 #484

Description

@anoopcodehack

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!! 🔥

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions