From e7a52de09723ab4e4b133b16c7047f1d7bb127a7 Mon Sep 17 00:00:00 2001
From: Warren Buckley <warren@hackmakedo.com>
Date: Tue, 1 Apr 2025 10:29:57 +0100
Subject: [PATCH] Updates telemetry dashboard UI (#18743)

* Update temeltry dashboard UI

* Uses headline prop/attr to set the header
* Uses a normal h3 rather than a h2 with H3 uui css class
* Updates the UUI slider to not show the value of 0,1,2 as not that useful to see when changing the slider

* Updates translation as it had a weirdly places br mid sentance
---
 src/Umbraco.Web.UI.Client/src/assets/lang/en-us.ts     |  2 +-
 src/Umbraco.Web.UI.Client/src/assets/lang/en.ts        |  2 +-
 .../packages/telemetry/dashboard-telemetry.element.ts  | 10 ++++------
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/assets/lang/en-us.ts b/src/Umbraco.Web.UI.Client/src/assets/lang/en-us.ts
index df5bd8c8dc..79a42ed9e5 100644
--- a/src/Umbraco.Web.UI.Client/src/assets/lang/en-us.ts
+++ b/src/Umbraco.Web.UI.Client/src/assets/lang/en-us.ts
@@ -2603,7 +2603,7 @@ export default {
 		consentForAnalytics: 'Consent for telemetry data',
 		analyticsLevelSavedSuccess: 'Telemetry level saved!',
 		analyticsDescription:
-			'\n      In order to improve Umbraco and add new functionality based on as relevant information as possible,\n          <br>we would like to collect system- and usage information from your installation.\n          <br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n          <br>Hopefully, you will help us collect some valuable data.\n          <br>\n          <br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.\n       ',
+		'In order to improve Umbraco and add new functionality based on as relevant information as possible, we would like to collect system- and usage information from your installation.\n<br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n<br>Hopefully, you will help us collect some valuable data.\n<br>\n<br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.',
 		minimalLevelDescription: 'We will only send an anonymized site ID to let us know that the site exists.',
 		basicLevelDescription: 'We will send an anonymized site ID, Umbraco version, and packages installed',
 		detailedLevelDescription:
diff --git a/src/Umbraco.Web.UI.Client/src/assets/lang/en.ts b/src/Umbraco.Web.UI.Client/src/assets/lang/en.ts
index 734ff12f12..e610a10f35 100644
--- a/src/Umbraco.Web.UI.Client/src/assets/lang/en.ts
+++ b/src/Umbraco.Web.UI.Client/src/assets/lang/en.ts
@@ -2703,7 +2703,7 @@ export default {
 		consentForAnalytics: 'Consent for telemetry data',
 		analyticsLevelSavedSuccess: 'Telemetry level saved!',
 		analyticsDescription:
-			'In order to improve Umbraco and add new functionality based on as relevant information as possible,\n<br>we would like to collect system- and usage information from your installation.\n<br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n<br>Hopefully, you will help us collect some valuable data.\n<br>\n<br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.',
+			'In order to improve Umbraco and add new functionality based on as relevant information as possible, we would like to collect system- and usage information from your installation.\n<br>Aggregate data will be shared on a regular basis as well as learnings from these metrics.\n<br>Hopefully, you will help us collect some valuable data.\n<br>\n<br>We <strong>WILL NOT</strong> collect any personal data such as content, code, user information, and all data will be fully anonymized.',
 		minimalLevelDescription: 'We will only send an anonymized site ID to let us know that the site exists.',
 		basicLevelDescription: 'We will send an anonymized site ID, Umbraco version, and packages installed',
 		detailedLevelDescription:
diff --git a/src/Umbraco.Web.UI.Client/src/packages/telemetry/dashboard-telemetry.element.ts b/src/Umbraco.Web.UI.Client/src/packages/telemetry/dashboard-telemetry.element.ts
index c43c0b6f72..08f885388a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/telemetry/dashboard-telemetry.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/telemetry/dashboard-telemetry.element.ts
@@ -92,18 +92,16 @@ export class UmbDashboardTelemetryElement extends UmbLitElement {
 				value=${this._selectedTelemetryIndex + 1}
 				min="1"
 				max=${this._telemetryLevels.length}
-				hide-step-values></uui-slider>
-			<h2 class="uui-h3">${this._selectedTelemetry.telemetryLevel}</h2>
+				hide-step-values
+				hide-value-label></uui-slider>
+			<h3>${this._selectedTelemetry.telemetryLevel}</h3>
 			<p>${unsafeHTML(this._selectedTelemetryDescription)}</p>
 		`;
 	}
 
 	override render() {
 		return html`
-			<uui-box class="uui-text">
-				<h1 class="uui-h2">
-					<umb-localize key="analytics_consentForAnalytics">Consent for telemetry data</umb-localize>
-				</h1>
+			<uui-box headline=${this.localize.term('analytics_consentForAnalytics')}>
 				<div style="max-width:75ch">
 					<umb-localize key="analytics_analyticsDescription"></umb-localize>
 					${this._renderSettingSlider()}