From 7d676ee4644a7350b8f7791ec042fb36a664b2e2 Mon Sep 17 00:00:00 2001
From: Jacob Overgaard <752371+iOvergaard@users.noreply.github.com>
Date: Fri, 6 Jan 2023 09:33:19 +0100
Subject: [PATCH] render more details from errors

---
 .../src/installer/error/installer-error.element.ts     | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/installer/error/installer-error.element.ts b/src/Umbraco.Web.UI.Client/src/installer/error/installer-error.element.ts
index 80c3aaba34..832669ef46 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/error/installer-error.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/installer/error/installer-error.element.ts
@@ -57,14 +57,17 @@ export class UmbInstallerErrorElement extends UmbLitElement {
 
 	private _renderError(error: ProblemDetails) {
 		return html`
-			<p id="error-message" data-test="error-message">${error.detail ?? 'Unknown error'}</p>
-			<hr />
+			<p>Description: ${error.title}</p>
 			${error.errors ? this._renderErrors(error.errors) : nothing}
+			<hr />
+			<h3>Details:</h3>
+			<p id="error-message" data-test="error-message">${error.detail ?? 'Unknown error'}</p>
 		`;
 	}
 
 	private _renderErrors(errors: Record<string, unknown>) {
 		return html`
+			<h3>Errors:</h3>
 			<ul>
 				${Object.keys(errors).map((key) => html` <li>${key}: ${(errors[key] as string[]).join(', ')}</li> `)}
 			</ul>
@@ -75,8 +78,7 @@ export class UmbInstallerErrorElement extends UmbLitElement {
 		return html` <div id="container" class="uui-text" data-test="installer-error">
 			<uui-form>
 				<form id="installer-form" @submit="${this._handleSubmit}">
-					<h1 class="uui-h3">Installing Umbraco</h1>
-					<h2>Something went wrong</h2>
+					<h2>Something went wrong:</h2>
 					${this._error ? this._renderError(this._error) : nothing}
 					<div id="buttons">
 						<uui-button