From f5b4e32fa754ea3472dc855ba79c3eef00879b38 Mon Sep 17 00:00:00 2001
From: kulgg <75735874+kulgg@users.noreply.github.com>
Date: Mon, 29 Jul 2024 15:42:28 +0200
Subject: [PATCH] .

---
 .../asset-detail-dialog.component.html        |  6 ++---
 .../asset-detail-dialog.component.ts          | 26 +++++++++++--------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.html b/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.html
index 86036bffb..0c2d1f19d 100644
--- a/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.html
+++ b/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.html
@@ -209,13 +209,13 @@
         </button>
       </ng-container>
 
-      <a
+      <button
         *ngIf="isOnRequestDataOffer"
         mat-raised-button
         color="primary"
-        [href]="this.onRequestContactLink">
+        (click)="onContactClick()">
         Contact
-      </a>
+      </button>
 
       <!-- Contact Agreement Buttons -->
       <button
diff --git a/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.ts b/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.ts
index 677b7debb..54e0c69ac 100644
--- a/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.ts
+++ b/src/app/component-library/catalog/asset-detail-dialog/asset-detail-dialog.component.ts
@@ -1,3 +1,4 @@
+import {DOCUMENT} from '@angular/common';
 import {Component, Inject, OnDestroy} from '@angular/core';
 import {
   MAT_DIALOG_DATA,
@@ -74,17 +75,6 @@ export class AssetDetailDialogComponent implements OnDestroy {
     );
   }
 
-  get onRequestContactLink(): string {
-    if (!this.asset.onRequestContactEmail) {
-      throw new Error('On request asset must have contact email');
-    }
-    return this.mailtoLinkBuilder.buildMailtoUrl(
-      this.asset.onRequestContactEmail,
-      this.asset.onRequestContactEmailSubject ??
-        "I'm interested in your data offer",
-    );
-  }
-
   constructor(
     private edcApiService: EdcApiService,
     private notificationService: NotificationService,
@@ -94,6 +84,7 @@ export class AssetDetailDialogComponent implements OnDestroy {
     private _data: AssetDetailDialogData | Observable<AssetDetailDialogData>,
     public contractNegotiationService: ContractNegotiationService,
     private mailtoLinkBuilder: MailtoLinkBuilder,
+    @Inject(DOCUMENT) private document: Document,
   ) {
     if (isObservable(this._data)) {
       this._data
@@ -110,6 +101,19 @@ export class AssetDetailDialogComponent implements OnDestroy {
     this.propGroups = this.data.propertyGridGroups;
   }
 
+  onContactClick() {
+    if (!this.asset.onRequestContactEmail) {
+      throw new Error('On request asset must have contact email');
+    }
+
+    const url = this.mailtoLinkBuilder.buildMailtoUrl(
+      this.asset.onRequestContactEmail,
+      this.asset.onRequestContactEmailSubject ??
+        "I'm interested in your data offer",
+    );
+    this.document.location.href = url;
+  }
+
   onEditClick() {
     if (this.data.onAssetEditClick) {
       this.data.onAssetEditClick(this.data.asset, (data) => this.setData(data));