From 1b527c63c1ca3bd9e900c8e5862538b990774492 Mon Sep 17 00:00:00 2001
From: Muhsin Keloth <muhsinkeramam@gmail.com>
Date: Mon, 1 Apr 2024 22:10:13 +0530
Subject: [PATCH] update name

---
 .../reports/components/SLA/SLAReportItem.vue        | 13 +++++++++++--
 .../settings/reports/components/SLA/UserAvatar.vue  |  6 +++---
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue
index 76c939830..aca3ad801 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/SLAReportItem.vue
+++ b/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
diff --git a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/UserAvatar.vue b/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/UserAvatar.vue
index c127125ac..9de0afb5e 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/reports/components/SLA/UserAvatar.vue
+++ b/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`;