From 0430b3b2e2174a0a15257a6d9c7e58f55c377f72 Mon Sep 17 00:00:00 2001
From: Warren Buckley <warren@umbraco.com>
Date: Tue, 14 Feb 2023 14:59:29 +0000
Subject: [PATCH] Try and display simple string values

---
 .../shared/components/debug/debug.element.ts         | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
index 9afe71faab..eeddd4ec30 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/debug/debug.element.ts
@@ -96,7 +96,7 @@ export class UmbDebug extends LitElement {
 			aliases.push(
 				html`
 					<li>
-						${alias}
+						Context: <strong>${alias}</strong>
 						<ul>
 							${this._renderInstance(instance)}
 						</ul>
@@ -114,7 +114,15 @@ export class UmbDebug extends LitElement {
 			// Goes KABOOM - if try to loop over the class/object
 			// instanceKeys.push(html`<li>${key} = ${instance[key]}</li>`);
 
-			instanceKeys.push(html`<li>${key}</li>`);
+			// console.log(`key: ${key} = ${value} TYPEOF: ${typeof value}`);
+
+			const value = instance[key];
+			if(typeof value === 'string'){
+				instanceKeys.push(html`<li>${key} = ${instance[key]}</li>`);
+			}
+			else {
+				instanceKeys.push(html`<li>${key}</li>`);
+			}
 		}
 
 		return instanceKeys;