From 1ca7b620e8a18a2015c27b92fd7e2e05289152f6 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Wed, 4 Sep 2024 10:42:42 +0200
Subject: [PATCH] hide log in data for api users

---
 .../views/grid/user-grid-collection-view.element.ts        | 7 ++++++-
 .../user/components/user-avatar/user-avatar.element.ts     | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts
index f80fa2d9b4..50e9b8ca83 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/collection/views/grid/user-grid-collection-view.element.ts
@@ -9,6 +9,7 @@ import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UserStateModel } from '@umbraco-cms/backoffice/external/backend-api';
 import type { UmbUserGroupDetailModel } from '@umbraco-cms/backoffice/user-group';
 import { UmbUserGroupCollectionRepository } from '@umbraco-cms/backoffice/user-group';
+import { UmbUserKind } from '../../../utils/index.js';
 
 @customElement('umb-user-grid-collection-view')
 export class UmbUserGridCollectionViewElement extends UmbLitElement {
@@ -115,12 +116,14 @@ export class UmbUserGridCollectionViewElement extends UmbLitElement {
 	}
 
 	#renderUserLoginDate(user: UmbUserDetailModel) {
+		if (user.kind === UmbUserKind.API) return nothing;
+
 		if (!user.lastLoginDate) {
 			return html`<div class="user-login-time">${`${user.name} ${this.localize.term('user_noLogin')}`}</div>`;
 		}
 
 		return html`<div class="user-login-time">
-			<umb-localize key="user_lastLogin"></umb-localize><br />
+			<umb-localize key="user_lastLogin"></umb-localize>
 			${this.localize.date(user.lastLoginDate)}
 		</div>`;
 	}
@@ -142,6 +145,8 @@ export class UmbUserGridCollectionViewElement extends UmbLitElement {
 			uui-card-user {
 				width: 100%;
 				height: 180px;
+				justify-content: normal;
+				padding-top: var(--uui-size-space-5);
 			}
 
 			.user-login-time {
diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts
index 56705be737..95834ad9a2 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/user/components/user-avatar/user-avatar.element.ts
@@ -1,7 +1,7 @@
 import type { UmbUserItemModel } from '../../repository/index.js';
+import { UmbUserKind } from '../../utils/index.js';
 import { css, html, customElement, property, nothing, ifDefined, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { UmbUserKind } from '../../utils/index.js';
 
 const elementName = 'umb-user-avatar';
 @customElement(elementName)