[ui] Add link to profile on individual card

Adds a link to the profile on the individuals card's name. Signed-off-by: Eva Millán <[email protected]>
chaoss · Dec 11, 2023 · 0943d1b · 0943d1b
1 parent 437cd9c
commit 0943d1b
Show file tree

Hide file tree

Showing 3 changed files with 281 additions and 135 deletions.
diff --git a/releases/unreleased/link-to-profile-in-individual-cards.yml b/releases/unreleased/link-to-profile-in-individual-cards.yml
@@ -0,0 +1,8 @@
+---
+title: Link to profile in individual cards
+category: added
+author: Eva Millán <[email protected]>
+issue: 837
+notes: >
+  The name on the individuals cards now links to the
+  member's profile.
diff --git a/ui/src/components/IndividualCard.vue b/ui/src/components/IndividualCard.vue
@@ -22,7 +22,13 @@
 
       <v-list-item-content>
         <v-list-item-title class="font-weight-medium">
-          {{ name || email }}
+          <router-link
+            :to="{ name: 'Individual', params: { mk: uuid } }"
+            target="_blank"
+            class="link--underline"
+          >
+            <span @click.stop>{{ name || email }}</span>
+          </router-link>
         </v-list-item-title>
         <v-list-item-subtitle v-if="enrollments && enrollments.length > 0">
           {{ enrollments[0].group.name }}