show kind in table

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,
+					},
 				],
 			};
 		});