diff --git a/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.html b/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.html
index 6e6b4d7d79..2c40e5ba65 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.html
+++ b/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.html
@@ -47,6 +47,9 @@
admin.trendz-api-key
+
+ {{ 'widgets.persistent-table.white-space-error' | translate }}
+
diff --git a/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.ts b/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.ts
index 521535f7a8..16ae6bf1da 100644
--- a/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/admin/trendz-settings.component.ts
@@ -41,7 +41,7 @@ export class TrendzSettingsComponent extends PageComponent implements OnInit, Ha
this.trendzSettingsForm = this.fb.group({
isTrendzEnabled: [false],
trendzUrl: [null, [Validators.pattern(/^(https?:\/\/)[^\s/$.?#].[^\s]*$/i)]],
- apiKey: [null]
+ apiKey: [null, [Validators.pattern(/^\S+$/)]]
});
this.trendzSettingsService.getTrendzSettings().subscribe((trendzSettings) => {
@@ -82,7 +82,7 @@ export class TrendzSettingsComponent extends PageComponent implements OnInit, Ha
save(): void {
const isTrendzEnabled = this.trendzSettingsForm.get('isTrendzEnabled').value;
const trendzUrl = this.trendzSettingsForm.get('trendzUrl').value;
- const apiKey = this.trendzSettingsForm.get('apiKey').value;
+ const apiKey = this.trendzSettingsForm.get('apiKey').value.trim();
const trendzSettings: TrendzSettings = {
enabled: isTrendzEnabled,