update name

app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue

@@ -46,10 +46,19 @@ const assigneeName = computed(() => props.conversation.assignee?.name);
       />
     </div>
     <div class="flex items-center gap-2 col-span-2">
-      <user-avatar :user-name="assigneeName" src="" />
-      <span class="text-slate-600 dark:text-slate-200 capitalize truncate">
+      <user-avatar v-if="assigneeName" :user-name="assigneeName" src="" />
+      <span
+        v-if="assigneeName"
+        class="text-slate-600 dark:text-slate-200 capitalize truncate"
+      >
         {{ assigneeName }}
       </span>
+      <span
+        v-if="!assigneeName"
+        class="text-slate-600 dark:text-slate-200 capitalize truncate"
+      >
+        ---
+      </span>
     </div>
 
     <div

app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/UserAvatar.vue

@@ -38,7 +38,7 @@ export default {
       type: String,
       default: '24px',
     },
-    username: {
+    userName: {
       type: String,
       default: '',
     },
@@ -51,7 +51,7 @@ export default {
   },
   computed: {
     userNameWithoutEmoji() {
-      return removeEmoji(this.username);
+      return removeEmoji(this.userName);
     },
     showStatusIndicator() {
       if (this.shouldShowStatusAlways) return true;
@@ -70,7 +70,7 @@ export default {
       return false;
     },
     userInitial() {
-      return 'M';
+      return this.userName.charAt(0).toUpperCase();
     },
     fontSize() {
       return `${Math.floor(this.avatarSize / 2.5)}px`;