diff --git a/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue b/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue index 8caa52c015..1c2242195c 100644 --- a/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue +++ b/packages/editor-ui/src/components/CredentialEdit/CredentialSharing.ee.vue @@ -45,8 +45,8 @@ const isSharingEnabled = computed( () => settingsStore.isEnterpriseFeatureEnabled[EnterpriseEditionFeature.Sharing], ); const credentialOwnerName = computed(() => { - const { firstName, lastName, email } = splitName(props.credential?.homeProject?.name ?? ''); - return firstName || lastName ? `${firstName}${lastName ? ' ' + lastName : ''}` : email ?? ''; + const { name, email } = splitName(props.credential?.homeProject?.name ?? ''); + return name ?? email ?? ''; }); const credentialDataHomeProject = computed(() => { diff --git a/packages/editor-ui/src/components/Projects/ProjectCardBadge.vue b/packages/editor-ui/src/components/Projects/ProjectCardBadge.vue index 6bcd1aade7..e0ff41f5a8 100644 --- a/packages/editor-ui/src/components/Projects/ProjectCardBadge.vue +++ b/packages/editor-ui/src/components/Projects/ProjectCardBadge.vue @@ -59,8 +59,8 @@ const badgeText = computed(() => { ) { return i18n.baseText('generic.ownedByMe'); } else { - const { firstName, lastName, email } = splitName(props.resource.homeProject?.name ?? ''); - return (!firstName ? email : `${firstName}${lastName ? ' ' + lastName : ''}`) ?? ''; + const { name, email } = splitName(props.resource.homeProject?.name ?? ''); + return name ?? email ?? ''; } }); const badgeIcon = computed(() => { diff --git a/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue b/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue index fab4d765c8..d115a18f39 100644 --- a/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue +++ b/packages/editor-ui/src/components/Projects/ProjectMoveResourceModal.vue @@ -26,8 +26,8 @@ const telemetry = useTelemetry(); const projectId = ref(null); const processedName = computed(() => { - const { firstName, lastName, email } = splitName(props.data.resource.homeProject?.name ?? ''); - return !firstName ? email : `${firstName}${lastName ? ' ' + lastName : ''}`; + const { name, email } = splitName(props.data.resource.homeProject?.name ?? ''); + return name ?? email; }); const availableProjects = computed(() => { return projectsStore.teamProjects.filter((p) => p.id !== props.data.resource.homeProject?.id); diff --git a/packages/editor-ui/src/components/Projects/ProjectSharingInfo.vue b/packages/editor-ui/src/components/Projects/ProjectSharingInfo.vue index bf4133f7dd..c138b695db 100644 --- a/packages/editor-ui/src/components/Projects/ProjectSharingInfo.vue +++ b/packages/editor-ui/src/components/Projects/ProjectSharingInfo.vue @@ -9,7 +9,16 @@ type Props = { const props = defineProps(); -const processedName = computed(() => splitName(props.project.name ?? '')); +const processedName = computed(() => { + const { name, email } = splitName(props.project.name ?? ''); + const nameArray = name?.split(' '); + const lastName = nameArray?.pop() ?? ''; + return { + firstName: nameArray?.join(' ') ?? '', + lastName, + email, + }; +});