Skip to content

All user avatars show same purple color — make each one unique🔵 #109

Description

@anoopcodehack

All user avatars show same purple color — make each one unique

File: client/src/components/Board/TaskCard.jsx

Right now every avatar circle is bg-purple-700.
If 5 people are assigned, all look the same!

Fix: Hash the name to pick a color:
const COLORS = [
'bg-purple-700', 'bg-blue-600',
'bg-green-600', 'bg-rose-600',
'bg-amber-600'
]
const colorIndex = name.charCodeAt(0) % COLORS.length
className={COLORS[colorIndex]}

~5 lines, no backend needed!!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions