Add ID to avatar color generator

https://community.openproject.org/work_packages/56325
opf · Jul 11, 2024 · 9f22b01 · 9f22b01
1 parent 26edbdb
commit 9f22b01
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/frontend/src/app/shared/components/principal/principal-renderer.service.ts b/frontend/src/app/shared/components/principal/principal-renderer.service.ts
@@ -117,7 +117,8 @@ export class PrincipalRendererService {
   ) {
     const userInitials = this.getInitials(principal.name);
     const colorMode = this.colors.colorMode();
-    const colorCode = this.colors.toHsl(principal.name, colorMode);
+    const text = `${principal.id}${principal.name}`;
+    const colorCode = this.colors.toHsl(text, colorMode);
 
     const fallback = document.createElement('div');
     fallback.classList.add('op-principal--avatar');
@@ -220,9 +221,9 @@ export class PrincipalRendererService {
 
     if (lastSpace === -1) {
       return first;
-    } else {
-      const last = name[lastSpace + 1]?.toUpperCase();
-      return [first, last].join('');
     }
+
+    const last = name[lastSpace + 1]?.toUpperCase();
+    return [first, last].join('');
   }
 }