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