info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-16 06:04:24 +02:00
Code Issues Releases Wiki Activity

Update user progress

Browse Source
This commit is contained in:
Kamran Ahmed
2024-05-11 01:27:20 +01:00
parent 63ad6fe1e9
commit 8c55be23cc
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/TeamActivity/TeamActivityItem.tsx
View File

@@ -65,14 +65,14 @@ export function TeamActivityItem(props: TeamActivityItemProps) {
const username = (
<a
href={`/team/member?t=${teamId}&m=${user?.memberId}`}
className="inline-flex items-center underline underline-offset-2 hover:no-underline"
className="inline-flex items-center gap-1.5 underline underline-offset-2 hover:underline"
>
<img
className="mr-1 inline-block h-5 w-5 rounded-full"
className="inline-block h-5 w-5 rounded-full"
src={userAvatar}
alt={user.name}
/>
<span className="font-medium">{user?.name || 'Unknown'}</span>&nbsp;
<span className="font-medium">{user?.name || 'Unknown'}</span>
</a>
);
@@ -84,11 +84,11 @@ export function TeamActivityItem(props: TeamActivityItemProps) {
return (
<li
key={user._id}
className="flex flex-wrap items-center rounded-md border px-2 py-2.5 text-sm"
className="flex flex-wrap items-center gap-1 rounded-md border px-2 py-2.5 text-sm"
>
{actionType === 'in_progress' && (
<>
<p className="mb-1">
<p className="mb-1 flex w-full flex-wrap items-center">
{username}&nbsp;started&nbsp;
{topicCount}&nbsp;topic{topicCount > 1 ? 's' : ''}&nbsp;in&nbsp;
{resourceLink(activity)}&nbsp;
@@ -102,7 +102,7 @@ export function TeamActivityItem(props: TeamActivityItemProps) {
)}
{actionType === 'done' && (
<>
<p className="mb-1">
<p className="mb-1 flex w-full flex-wrap items-center">
{username}&nbsp;completed&nbsp;
{topicCount}&nbsp;topic{topicCount > 1 ? 's' : ''}&nbsp;in&nbsp;
{resourceLink(activity)}&nbsp;
@@ -116,7 +116,7 @@ export function TeamActivityItem(props: TeamActivityItemProps) {
)}
{actionType === 'answered' && (
<>
<p className="mb-1">
<p className="mb-1 flex w-full flex-wrap items-center">
{username}&nbsp;answered&nbsp;
{topicCount}&nbsp;question{topicCount > 1 ? 's' : ''}
&nbsp;in&nbsp;
@@ -141,7 +141,7 @@ export function TeamActivityItem(props: TeamActivityItemProps) {
return (
<li key={user._id} className="overflow-hidden rounded-md border">
<h3 className="flex flex-wrap items-center bg-gray-100 px-2 py-2.5 text-sm">
<h3 className="flex flex-wrap items-center gap-1 bg-gray-100 px-2 py-2.5 text-sm">
{username} has {activities.length} updates in {uniqueResourcesCount}
&nbsp;resource(s)
</h3>