Merge pull request #1830 from bcgov/fix/edx-2084

EDX-2084: corrected: Edit User's Role pop-up | An incomplete message …
bcgov · Dec 8, 2023 · 6e515a0 · 6e515a0
2 parents 7462fa9 + 2db610f
commit 6e515a0
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/src/components/secure-message/AccessUserCard.vue b/frontend/src/components/secure-message/AccessUserCard.vue
@@ -9,7 +9,7 @@
             <v-col>
               <v-row no-gutters>
                 <v-col cols="10">
-                  <strong class="name">{{ `${user.firstName} ${user.lastName}` }}</strong>
+                  <strong class="name">{{ userDisplayName }}</strong>
                 </v-col>
               </v-row>
               <v-row no-gutters>
@@ -134,7 +134,7 @@
           type="info"
           variant="tonal"
         >
-          <span>Please select at least one role for {{ user.firstName }}.</span>
+          <span>Please select at least one role for {{ `${user.firstName} ${user.lastName}`.trim() }}.</span>
         </v-alert>
         <v-list
           v-model:selected="selectedRoles"
@@ -257,6 +257,9 @@ export default {
   computed: {
     minimumRolesSelected() {
       return this.selectedRoles.length > 0;
+    },
+    userDisplayName() {
+      return `${this.user.firstName} ${this.user.lastName}`.trim();
     }
   },
   methods: {