fix(teams): smol tweaks (#12443)

website/client/src/components/tasks/approvalFooter.vue

@@ -3,6 +3,8 @@
     <approval-modal :task="task" />
     <div
       class="claim-bottom-message d-flex align-items-center"
+      v-if="!(userIsAssigned && task.group.approval.approved
+        && !task.completed && task.type !== 'habit')"
     >
       <div
         class="mr-auto ml-2"
@@ -108,7 +110,7 @@ export default {
         assignedUsers.forEach(userId => {
           const index = findIndex(this.group.members, member => member._id === userId);
           const assignedMember = this.group.members[index];
-          assignedUsersNames.push(assignedMember.profile.name);
+          assignedUsersNames.push(`@${assignedMember.auth.local.username}`);
         });
       }
 

website/client/src/components/tasks/modal-controls/selectMulti.vue

@@ -57,10 +57,16 @@ multi<template>
           ></div>
           <div
             v-if="item.challenge"
-            class="challenge"
+            class="addl-text"
           >
             {{ $t('challenge') }}
           </div>
+          <div
+            v-else-if="item.addlText"
+            class="addl-text"
+          >
+            {{ item.addlText }}
+          </div>
         </b-dropdown-item-button>
 
         <div
@@ -111,7 +117,7 @@ multi<template>
         flex: 1;
       }
 
-      .challenge {
+      .addl-text {
         height: 1rem;
         font-size: 12px;
         font-weight: normal;
@@ -128,7 +134,7 @@ multi<template>
       }
 
       &:hover {
-        .challenge {
+        .addl-text {
           color: $purple-300;
         }
       }

website/client/src/components/tasks/taskModal.vue

@@ -1265,7 +1265,8 @@ export default {
         this.members.forEach(member => {
           this.membersNameAndId.push({
             id: member._id,
-            name: member.auth.local.username,
+            name: member.profile.name,
+            addlText: `@${member.auth.local.username}`,
           });
           this.memberNamesById[member._id] = member.profile.name;
         });

website/server/controllers/api-v3/tasks/groups.js

@@ -215,7 +215,7 @@ api.assignTask = {
 
     const promises = [];
     const taskText = task.text;
-    const userName = user.profile.name;
+    const userName = `@${user.auth.local.username}`;
 
     if (user._id === assignedUserId) {
       const managerIds = Object.keys(group.managers);