From 04a5ea703abdd1eaae0f858a816d712ec1b10729 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <niels.lyngso@gmail.com>
Date: Fri, 21 Jun 2024 11:34:11 +0200
Subject: [PATCH] correct app-element

---
 .../src/apps/app/app-error.element.ts         | 68 ++++++++++---------
 1 file changed, 35 insertions(+), 33 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/apps/app/app-error.element.ts b/src/Umbraco.Web.UI.Client/src/apps/app/app-error.element.ts
index 688eee86fd..9aa8a3da8c 100644
--- a/src/Umbraco.Web.UI.Client/src/apps/app/app-error.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/apps/app/app-error.element.ts
@@ -167,41 +167,43 @@ export class UmbAppErrorElement extends UmbLitElement {
 		return nothing;
 	}
 
-	render = () => html`
-		<div id="background"></div>
+	override render() {
+		return html`
+			<div id="background"></div>
 
-		<div id="logo" aria-hidden="true">
-			<img src="/umbraco/backoffice/assets/umbraco_logomark_white.svg" alt="Umbraco" />
-		</div>
+			<div id="logo" aria-hidden="true">
+				<img src="/umbraco/backoffice/assets/umbraco_logomark_white.svg" alt="Umbraco" />
+			</div>
 
-		<div id="container" class="uui-text">
-			<uui-box id="box" headline-variant="h1">
-				${this.hideBackButton
-					? nothing
-					: html`
-							<uui-button
-								slot="header-actions"
-								label=${this.localize.term('general_back')}
-								look="secondary"
-								@click=${() => (location.href = '')}></uui-button>
-						`}
-				<div slot="headline">
-					${this.errorHeadline
-						? this.errorHeadline
-						: html` <umb-localize key="errors_defaultError">An unknown failure has occured</umb-localize> `}
-				</div>
-				<div id="message">${this.errorMessage}</div>
-				${this.error
-					? html`
-							<details>
-								<summary><umb-localize key="general_details">Details</umb-localize></summary>
-								${this.#renderError(this.error)}
-							</details>
-						`
-					: nothing}
-			</uui-box>
-		</div>
-	`;
+			<div id="container" class="uui-text">
+				<uui-box id="box" headline-variant="h1">
+					${this.hideBackButton
+						? nothing
+						: html`
+								<uui-button
+									slot="header-actions"
+									label=${this.localize.term('general_back')}
+									look="secondary"
+									@click=${() => (location.href = '')}></uui-button>
+							`}
+					<div slot="headline">
+						${this.errorHeadline
+							? this.errorHeadline
+							: html` <umb-localize key="errors_defaultError">An unknown failure has occured</umb-localize> `}
+					</div>
+					<div id="message">${this.errorMessage}</div>
+					${this.error
+						? html`
+								<details>
+									<summary><umb-localize key="general_details">Details</umb-localize></summary>
+									${this.#renderError(this.error)}
+								</details>
+							`
+						: nothing}
+				</uui-box>
+			</div>
+		`;
+	}
 
 	static override styles = [
 		UmbTextStyles,