From ed9b52a1541609d9da500b13693cbf40d290eaf7 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 10 Sep 2024 13:25:28 +0200
Subject: [PATCH] render member kind in the sidebar

---
 .../member-workspace-view-member-info.element.ts  | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/members/member/workspace/views/member/member-workspace-view-member-info.element.ts b/src/Umbraco.Web.UI.Client/src/packages/members/member/workspace/views/member/member-workspace-view-member-info.element.ts
index fd5ac87c02..ddd470dba7 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/members/member/workspace/views/member/member-workspace-view-member-info.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/members/member/workspace/views/member/member-workspace-view-member-info.element.ts
@@ -8,13 +8,16 @@ import type { UmbWorkspaceViewElement } from '@umbraco-cms/backoffice/extension-
 import { UMB_WORKSPACE_MODAL } from '@umbraco-cms/backoffice/modal';
 import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/router';
 import { UmbMemberTypeItemRepository } from '@umbraco-cms/backoffice/member-type';
+import { UmbMemberKind, UmbMemberKindType } from '../../../utils/index.js';
 
 @customElement('umb-member-workspace-view-member-info')
 export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement implements UmbWorkspaceViewElement {
 	@state()
 	private _memberTypeUnique = '';
+
 	@state()
 	private _memberTypeName = '';
+
 	@state()
 	private _memberTypeIcon = '';
 
@@ -30,6 +33,9 @@ export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement imple
 	@state()
 	private _unique = '';
 
+	@state()
+	private _memberKind?: UmbMemberKindType;
+
 	#workspaceContext?: typeof UMB_MEMBER_WORKSPACE_CONTEXT.TYPE;
 	#memberTypeItemRepository: UmbMemberTypeItemRepository = new UmbMemberTypeItemRepository(this);
 
@@ -51,6 +57,7 @@ export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement imple
 			this.observe(this.#workspaceContext.createDate, (date) => (this._createDate = this.#setDateFormat(date)));
 			this.observe(this.#workspaceContext.updateDate, (date) => (this._updateDate = this.#setDateFormat(date)));
 			this.observe(this.#workspaceContext.unique, (unique) => (this._unique = unique || ''));
+			this.observe(this.#workspaceContext.kind, (kind) => (this._memberKind = kind));
 
 			const memberType = (await this.#memberTypeItemRepository.requestItems([this._memberTypeUnique])).data?.[0];
 			if (!memberType) return;
@@ -88,6 +95,14 @@ export class UmbMemberWorkspaceViewMemberInfoElement extends UmbLitElement imple
 						<umb-icon slot="icon" .name=${this._memberTypeIcon}></umb-icon>
 					</uui-ref-node>
 				</div>
+				<div>
+					<h4><umb-localize key="member_kind"></umb-localize></h4>
+					<span
+						>${this._memberKind === UmbMemberKind.API
+							? this.localize.term('member_memberKindApi')
+							: this.localize.term('member_memberKindDefault')}</span
+					>
+				</div>
 				<div>
 					<h4><umb-localize key="template_id">Id</umb-localize></h4>
 					<span>${this._unique}</span>