From 79009f0763fd57b6e8eb2f308c3e8a2bfa614640 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Tue, 10 Sep 2024 10:06:45 +0200
Subject: [PATCH] show kind in table

---
 .../table/member-table-collection-view.element.ts   | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/members/member/collection/views/table/member-table-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/members/member/collection/views/table/member-table-collection-view.element.ts
index ea755050bc..bc81f76e4e 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/members/member/collection/views/table/member-table-collection-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/members/member/collection/views/table/member-table-collection-view.element.ts
@@ -1,6 +1,7 @@
 import type { UmbMemberCollectionModel } from '../../types.js';
 import { UMB_MEMBER_COLLECTION_CONTEXT } from '../../member-collection.context-token.js';
 import type { UmbMemberCollectionContext } from '../../member-collection.context.js';
+import { UmbMemberKind } from '../../../utils/index.js';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import type { UmbTableColumn, UmbTableConfig, UmbTableItem } from '@umbraco-cms/backoffice/components';
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
@@ -19,6 +20,10 @@ export class UmbMemberTableCollectionViewElement extends UmbLitElement {
 			name: this.localize.term('general_name'),
 			alias: 'memberName',
 		},
+		{
+			name: this.localize.term('member_kind'),
+			alias: 'memberKind',
+		},
 	];
 
 	@state()
@@ -44,6 +49,10 @@ export class UmbMemberTableCollectionViewElement extends UmbLitElement {
 		this._tableItems = members.map((member) => {
 			// TODO: get correct variant name
 			const name = member.variants[0].name;
+			const kind =
+				member.kind === UmbMemberKind.API
+					? this.localize.term('member_memberKindApi')
+					: this.localize.term('member_memberKindDefault');
 
 			return {
 				id: member.unique,
@@ -53,6 +62,10 @@ export class UmbMemberTableCollectionViewElement extends UmbLitElement {
 						columnAlias: 'memberName',
 						value: html`<a href=${'section/member-management/workspace/member/edit/' + member.unique}>${name}</a>`,
 					},
+					{
+						columnAlias: 'memberKind',
+						value: kind,
+					},
 				],
 			};
 		});