diff --git a/packages/nc-gui/components/account/Profile.vue b/packages/nc-gui/components/account/Profile.vue
index c695c6813e..30fbc61c7d 100644
--- a/packages/nc-gui/components/account/Profile.vue
+++ b/packages/nc-gui/components/account/Profile.vue
@@ -69,7 +69,7 @@ const onValidate = async (_: any, valid: boolean) => {
{{ $t('labels.controlAppearance') }}
-
+
{
class="flex flex-row py-2 px-3 gap-x-2 items-center hover:bg-gray-200 rounded-lg cursor-pointer h-10"
data-testid="nc-sidebar-userinfo"
>
-
+
{{ name ? name : user?.email }}
diff --git a/packages/nc-gui/components/general/UserIcon.vue b/packages/nc-gui/components/general/UserIcon.vue
index 99db2c63e4..473a542f77 100644
--- a/packages/nc-gui/components/general/UserIcon.vue
+++ b/packages/nc-gui/components/general/UserIcon.vue
@@ -12,23 +12,21 @@ const props = withDefaults(
},
)
-const emailProp = toRef(props, 'email')
+const size = computed(() => props.size || 'medium')
+
+const displayName = computed(() => props.name ?? '')
+
+const email = computed(() => props?.email ?? '')
const backgroundColor = computed(() => {
// in comments we need to generate user icon from email
- if (emailProp.value.length) {
- return stringToColor(emailProp.value)
+ if (email.value.length) {
+ return stringToColor(email.value)
}
- return props.email ? stringToColor(props.email) : '#FFFFFF'
+ return email.value ? stringToColor(email.value) : '#FFFFFF'
})
-const size = computed(() => props.size || 'medium')
-
-const displayName = computed(() => props.email ?? '')
-
-const email = computed(() => props.name ?? props?.email ?? '')
-
const usernameInitials = computed(() => {
const displayNameSplit = displayName.value?.split(' ').filter((name) => name) ?? []
diff --git a/packages/nc-gui/components/project/AccessSettings.vue b/packages/nc-gui/components/project/AccessSettings.vue
index d10a94676f..2bb41eda78 100644
--- a/packages/nc-gui/components/project/AccessSettings.vue
+++ b/packages/nc-gui/components/project/AccessSettings.vue
@@ -190,7 +190,7 @@ onMounted(async () => {
class="user-row flex flex-row border-b-1 py-1 min-h-14 items-center"
>
-
+
{{ collab.email }}
diff --git a/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue b/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
index 50cd3247ca..9d6ded8d2b 100644
--- a/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
+++ b/packages/nc-gui/components/smartsheet/expanded-form/Comments.vue
@@ -238,7 +238,7 @@ const onClickAudit = () => {