From a9fac68e3d285754315401e7b6e8cb599a4b4d95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Wed, 21 Aug 2024 11:51:37 +0200
Subject: [PATCH] render badge if not content edit action

---
 .../block-list-entry/block-list-entry.element.ts  | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts
index b222fdaef5..6433e33864 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/block/block-list/components/block-list-entry/block-list-entry.element.ts
@@ -1,7 +1,7 @@
 import { UmbBlockListEntryContext } from '../../context/block-list-entry.context.js';
 import { UMB_BLOCK_LIST, type UmbBlockListLayoutModel } from '../../types.js';
 import { UmbLitElement } from '@umbraco-cms/backoffice/lit-element';
-import { html, css, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
+import { html, css, customElement, property, state, nothing } from '@umbraco-cms/backoffice/external/lit';
 import type {
 	ManifestBlockEditorCustomView,
 	UmbBlockEditorCustomViewProperties,
@@ -259,10 +259,10 @@ export class UmbBlockListEntryElement extends UmbLitElement implements UmbProper
 							href=${this._workspaceEditContentPath}>
 							<uui-icon name="icon-edit"></uui-icon>
 							${this._contentInvalid
-								? html`<uui-badge attention color="danger" label="Invalid settings">!</uui-badge>`
-								: ''}
+								? html`<uui-badge attention color="danger" label="Invalid content">!</uui-badge>`
+								: nothing}
 						</uui-button>`
-					: ''}
+					: nothing}
 				${this._hasSettings && this._workspaceEditSettingsPath
 					? html`<uui-button
 							label="Edit settings"
@@ -272,13 +272,16 @@ export class UmbBlockListEntryElement extends UmbLitElement implements UmbProper
 							<uui-icon name="icon-settings"></uui-icon>
 							${this._settingsInvalid
 								? html`<uui-badge attention color="danger" label="Invalid settings">!</uui-badge>`
-								: ''}
+								: nothing}
 						</uui-button>`
-					: ''}
+					: nothing}
 				<uui-button label="delete" look="secondary" @click=${() => this.#context.requestDelete()}>
 					<uui-icon name="icon-remove"></uui-icon>
 				</uui-button>
 			</uui-action-bar>
+			${!this._showContentEdit && this._contentInvalid
+				? html`<uui-badge attention color="danger" label="Invalid content">!</uui-badge>`
+				: nothing}
 		`;
 	}