changed activity count display in people overview projects row

Signed-off-by: Efren Lim <elim@linuxfoundation.org>
CrowdDotDev · Nov 22, 2024 · 82aabfd · 82aabfd
1 parent 0a872bc
commit 82aabfd
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/...tend/src/modules/contributor/components/details/overview/contributor-details-projects.vue b/...tend/src/modules/contributor/components/details/overview/contributor-details-projects.vue
@@ -54,7 +54,6 @@
                 </div>
               </el-popover>
             </lf-table-head>
-            <lf-table-head> Activities </lf-table-head>
             <lf-table-head />
           </tr>
         </thead>
@@ -65,6 +64,9 @@
               <p class="text-medium font-semibold py-1.5">
                 {{ project.name }}
               </p>
+              <p class="text-small text-gray-500 whitespace-nowrap flex items-center gap-1">
+                <lf-icon name="monitor-waveform" />{{ project.activityCount }} {{ parseInt(project.activityCount) > 1 ? 'activities' : 'activity' }}
+              </p>
             </lf-table-cell>
             <lf-table-cell>
               <div v-if="Object.keys(project.affiliations).length" class="flex items-center gap-1">
@@ -84,11 +86,6 @@
             <lf-table-cell>
               <lf-contributor-details-projects-maintainer :maintainer-roles="getMaintainerRoles(project)" />
             </lf-table-cell>
-            <lf-table-cell>
-              <p class="text-small text-gray-500 whitespace-nowrap">
-                {{ project.activityCount }}
-              </p>
-            </lf-table-cell>
             <lf-table-cell>
               <lf-dropdown placement="bottom-end" width="160px">
                 <template #trigger>
@@ -136,6 +133,7 @@
 import LfCard from '@/ui-kit/card/Card.vue';
 import LfButton from '@/ui-kit/button/Button.vue';
 import LfIconOld from '@/ui-kit/icon/IconOld.vue';
+import LfIcon from '@/ui-kit/icon/Icon.vue';
 import { computed, ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { Contributor, ContributorAffiliation } from '@/modules/contributor/types/Contributor';