|
|
@ -37,8 +37,15 @@ export function TeamMemberItem(props: TeamMemberProps) { |
|
|
|
<MemberRoleBadge role={member.role} /> |
|
|
|
<MemberRoleBadge role={member.role} /> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
<div className="flex items-center"> |
|
|
|
<div className="flex items-center"> |
|
|
|
<h3 className="inline-grid grid-cols-[auto_auto] items-center font-medium"> |
|
|
|
<h3 className="inline-grid grid-cols-[auto_auto_auto] items-center font-medium"> |
|
|
|
<span className="truncate">{member.name}</span> |
|
|
|
<span className="truncate">{member.name}</span> |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
!hasProgress && ( |
|
|
|
|
|
|
|
<span className="ml-2 text-xs font-normal bg-gray-600 text-white rounded-full sm:inline px-2 py-0.5"> |
|
|
|
|
|
|
|
No Progress |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
} |
|
|
|
{member.userId === userId && ( |
|
|
|
{member.userId === userId && ( |
|
|
|
<span className="ml-2 hidden text-xs font-normal text-blue-500 sm:inline"> |
|
|
|
<span className="ml-2 hidden text-xs font-normal text-blue-500 sm:inline"> |
|
|
|
You |
|
|
|
You |
|
|
|