From 16fcc226776f9ec9def30edee5a8733552b76316 Mon Sep 17 00:00:00 2001
From: Brandon Maharaj <bmaharaj@bitwarden.com>
Date: Tue, 21 Feb 2023 15:59:38 -0500
Subject: [PATCH] work: added support for new props (#4567)

Co-authored-by: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com>
Co-authored-by: Todd Martin <106564991+trmartin4@users.noreply.github.com>
---
 .../src/app/organizations/core/views/organization-user.view.ts  | 1 +
 apps/web/src/app/organizations/members/people.component.html    | 1 +
 .../organization-user/responses/organization-user.response.ts   | 2 ++
 3 files changed, 4 insertions(+)

diff --git a/apps/web/src/app/organizations/core/views/organization-user.view.ts b/apps/web/src/app/organizations/core/views/organization-user.view.ts
index 6c15c91af2..cc9b86f11a 100644
--- a/apps/web/src/app/organizations/core/views/organization-user.view.ts
+++ b/apps/web/src/app/organizations/core/views/organization-user.view.ts
@@ -15,6 +15,7 @@ export class OrganizationUserView {
   resetPasswordEnrolled: boolean;
   name: string;
   email: string;
+  avatarColor: string;
   twoFactorEnabled: boolean;
   usesKeyConnector: boolean;
 
diff --git a/apps/web/src/app/organizations/members/people.component.html b/apps/web/src/app/organizations/members/people.component.html
index f6833344ab..a2495f95bd 100644
--- a/apps/web/src/app/organizations/members/people.component.html
+++ b/apps/web/src/app/organizations/members/people.component.html
@@ -144,6 +144,7 @@
                   size="small"
                   [text]="u | userName"
                   [id]="u.userId"
+                  [color]="u.avatarColor"
                   class="tw-mr-3"
                 ></bit-avatar>
                 <div class="tw-flex tw-flex-col">
diff --git a/libs/common/src/abstractions/organization-user/responses/organization-user.response.ts b/libs/common/src/abstractions/organization-user/responses/organization-user.response.ts
index a6e43c5c5e..ce70e6d872 100644
--- a/libs/common/src/abstractions/organization-user/responses/organization-user.response.ts
+++ b/libs/common/src/abstractions/organization-user/responses/organization-user.response.ts
@@ -44,6 +44,7 @@ export class OrganizationUserResponse extends BaseResponse {
 export class OrganizationUserUserDetailsResponse extends OrganizationUserResponse {
   name: string;
   email: string;
+  avatarColor: string;
   twoFactorEnabled: boolean;
   usesKeyConnector: boolean;
 
@@ -51,6 +52,7 @@ export class OrganizationUserUserDetailsResponse extends OrganizationUserRespons
     super(response);
     this.name = this.getResponseProperty("Name");
     this.email = this.getResponseProperty("Email");
+    this.avatarColor = this.getResponseProperty("AvatarColor");
     this.twoFactorEnabled = this.getResponseProperty("TwoFactorEnabled");
     this.usesKeyConnector = this.getResponseProperty("UsesKeyConnector") ?? false;
   }