added report icon and completed tasknumbers in taskmemebers dashboard

OneCommunityGlobal · Jan 17, 2025 · ed8b1c1 · ed8b1c1
1 parent a14cdc5
commit ed8b1c1
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 1 deletion.
diff --git a/public/report_icon.png b/public/report_icon.png
diff --git a/src/components/TeamMemberTasks/TeamMemberTask.jsx b/src/components/TeamMemberTasks/TeamMemberTask.jsx
@@ -76,6 +76,13 @@ const TeamMemberTask = React.memo(
       showWhoHasTimeOff && (onTimeOff || goingOnTimeOff),
     );
 
+   const completedTasks = user.tasks.filter(
+    task =>
+      task.resources?.some(
+        resource => resource.userID === user.personId && resource.completedTask,
+      ),
+  );
+  console.log(completedTasks,"completedtasks");
     const thisWeekHours = user.totaltangibletime_hrs;
 
     // these need to be changed to actual permissions...
@@ -87,6 +94,7 @@ const TeamMemberTask = React.memo(
     // ^^^
 
     const canGetWeeklySummaries = dispatch(hasPermission('getWeeklySummaries'));
+    const canSeeReports = rolesAllowedToResolveTasks.includes(userRole)||dispatch(hasPermission('getReports'));
     const canUpdateTask = dispatch(hasPermission('updateTask'));
     const canRemoveUserFromTask = dispatch(hasPermission('removeUserFromTask'));
     const numTasksToShow = isTruncated ? NUM_TASKS_SHOW_TRUNCATE : activeTasks.length;
@@ -226,7 +234,28 @@ const TeamMemberTask = React.memo(
                           )}
 
                           {canGetWeeklySummaries && <GoogleDocIcon link={userGoogleDocLink} />}
-
+
+                           {
+                            canSeeReports &&
+                            <Link
+                              className='team-member-tasks-user-report-link'
+                              to= {`/peoplereport/${user?.personId}`}
+                            >
+                               <img 
+                                  src ="/report_icon.png"
+                                  alt='reportsicon'
+                                  className='team-member-tasks-user-report-link-image'
+                               />
+                            </Link>
+                            }
+                            {
+                              canSeeReports &&
+                              <Link
+                                to= {`/peoplereport/${user?.personId}`}
+                               >
+                                <span class="team-member-tasks-number">{completedTasks.length}</span>.
+                              </Link>
+                            }
                           <Warning
                             username={user.name}
                             userName={user}

diff --git a/src/components/TeamMemberTasks/style.css b/src/components/TeamMemberTasks/style.css
@@ -86,6 +86,11 @@
   width: 50%;
 }
 
+.team-member-tasks-user-report-link  .team-member-tasks-user-report-link-image{
+   width: 20px;
+   height: 20px;
+   margin: 0 0 5px 5px;
+}
 .deadlineCount {
   position: absolute;
   text-align: center;
@@ -105,6 +110,18 @@
   justify-content: space-around;
 }
 
+.team-member-tasks-number{
+  display: inline-block;
+  text-align: center;
+  vertical-align: middle;
+  background: #ff4d4f;
+  border-radius: 50%;
+  color: #fff;
+  height: 22px;
+  font-size: 14px;
+  width: 22px;
+  margin: 0 0 5px 5px;
+}
 .dashboard-team-clocks{
   color: #339CFF !important;
 }