From 5b1139d9e87ec3bde6d06ff9b01ba578944929c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Tue, 30 Jan 2024 10:24:54 +0100
Subject: [PATCH] has settings

---
 .../block-list-block/block-list-block.element.ts     | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts
index 4c6bb6d6a7..33c277a649 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-block/block-list-block.element.ts
@@ -28,6 +28,9 @@ export class UmbPropertyEditorUIBlockListBlockElement extends UmbLitElement impl
 	@state()
 	_contentUdi?: string;
 
+	@state()
+	_hasSettings = false;
+
 	@state()
 	_label = '';
 
@@ -52,6 +55,10 @@ export class UmbPropertyEditorUIBlockListBlockElement extends UmbLitElement impl
 		this.observe(this.#context.contentUdi, (contentUdi) => {
 			this._contentUdi = contentUdi;
 		});
+		this.observe(this.#context.blockTypeSettingsElementTypeKey, (blockTypeSettingsElementTypeKey) => {
+			console.log(blockTypeSettingsElementTypeKey, !!blockTypeSettingsElementTypeKey);
+			this._hasSettings = blockTypeSettingsElementTypeKey !== undefined;
+		});
 		this.observe(this.#context.label, (label) => {
 			this._blockViewProps.label = label;
 			this._label = label;
@@ -98,6 +105,11 @@ export class UmbPropertyEditorUIBlockListBlockElement extends UmbLitElement impl
 							<uui-icon name="icon-edit"></uui-icon>
 					  </uui-button>`
 					: ''}
+				${this._workspaceEditPath && this._hasSettings
+					? html`<uui-button label="Edit settings" compact href=${this._workspaceEditPath + '/view/settings'}>
+							<uui-icon name="icon-settings"></uui-icon>
+					  </uui-button>`
+					: ''}
 				<uui-button label="delete" compact @click=${this.#requestDelete}>
 					<uui-icon name="icon-remove"></uui-icon>
 				</uui-button>