From 735b58f1fcd495df2decd9afd59be5462d8c5aa5 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Wed, 10 Apr 2024 17:22:23 +0200
Subject: [PATCH] add extension slot with api to the user profile app to show
 the buttons there

---
 ...rent-user-profile-user-profile-app.element.ts | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/profile/current-user-profile-user-profile-app.element.ts b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/profile/current-user-profile-user-profile-app.element.ts
index 0916731b84..5cc0d8e8f4 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/user/current-user/profile/current-user-profile-user-profile-app.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/user/current-user/profile/current-user-profile-user-profile-app.element.ts
@@ -1,7 +1,8 @@
-import { html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
+import { html, customElement, state, css } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
 import { UMB_CHANGE_PASSWORD_MODAL, UMB_MODAL_MANAGER_CONTEXT } from '@umbraco-cms/backoffice/modal';
 import { UMB_CURRENT_USER_CONTEXT, type UmbCurrentUserModel } from '@umbraco-cms/backoffice/current-user';
+import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 
 @customElement('umb-current-user-profile-user-profile-app')
 export class UmbCurrentUserProfileUserProfileAppElement extends UmbLitElement {
@@ -59,9 +60,22 @@ export class UmbCurrentUserProfileUserProfileAppElement extends UmbLitElement {
 				<uui-button look="primary" label=${this.localize.term('general_changePassword')} @click=${this.#changePassword}>
 					${this.localize.term('general_changePassword')}
 				</uui-button>
+				<umb-extension-with-api-slot id="actions" type="currentUserAction"></umb-extension-with-api-slot>
 			</uui-box>
 		`;
 	}
+
+	static styles = [
+		UmbTextStyles,
+		css`
+			#actions {
+				display: flex;
+				flex-wrap: wrap;
+				flex-direction: row;
+				gap: var(--uui-size-space-2);
+			}
+		`,
+	];
 }
 
 export default UmbCurrentUserProfileUserProfileAppElement;