From e22c08ac6807b7d33f2f36a6d54ae64bbf09bf55 Mon Sep 17 00:00:00 2001
From: Daniel Bisgrove <daniel@bizz-websites.com>
Date: Fri, 13 Sep 2024 14:43:21 -0400
Subject: [PATCH] Changing the a and button elements that run a function to
 have a href of "javascript:void(0)", so GTM registers them as links and fires
 a `gtm.click` event when they are clicked.

---
 .../content-button.component.html             |  1 +
 .../content-link/content-link.component.html  |  2 +-
 .../tract-page/tract-page.component.html      | 26 ++++++++++++++-----
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/src/app/page/component/content-button/content-button.component.html b/src/app/page/component/content-button/content-button.component.html
index 742987ad0..15726e396 100644
--- a/src/app/page/component/content-button/content-button.component.html
+++ b/src/app/page/component/content-button/content-button.component.html
@@ -13,6 +13,7 @@
       class="button"
       [ngStyle]="{ 'background-color': buttonBgColor, color: buttonTextColor }"
       (click)="formAction()"
+      href="javascript:void(0)"
       >{{ buttonText }}</a
     >
   </div>
diff --git a/src/app/page/component/content-link/content-link.component.html b/src/app/page/component/content-link/content-link.component.html
index afb68966d..4e9a1c791 100644
--- a/src/app/page/component/content-link/content-link.component.html
+++ b/src/app/page/component/content-link/content-link.component.html
@@ -1,5 +1,5 @@
 <ng-container *ngIf="ready">
   <div class="linkContent indent">
-    <a (click)="formAction(events)">{{ linkText }}</a>
+    <a (click)="formAction(events)" href="javascript:void(0)">{{ linkText }}</a>
   </div>
 </ng-container>
diff --git a/src/app/page/component/tract-page/tract-page.component.html b/src/app/page/component/tract-page/tract-page.component.html
index c0567c226..1a7f96f1d 100644
--- a/src/app/page/component/tract-page/tract-page.component.html
+++ b/src/app/page/component/tract-page/tract-page.component.html
@@ -43,30 +43,44 @@
       <ng-container *ngIf="(dir$ | async) === 'ltr'">
         <!-- If not first page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <button
+          <a
             (click)="previous()"
+            href="javascript:void(0)"
             class="button button-white far fa-arrow-left"
-          ></button>
+            ><span class="hide"></span
+          ></a>
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <button (click)="next()" class="button far fa-arrow-right"></button>
+          <a
+            (click)="next()"
+            href="javascript:void(0)"
+            class="button far fa-arrow-right"
+            ><span class="hide"></span
+          ></a>
         </ng-container>
       </ng-container>
 
       <ng-container *ngIf="(dir$ | async) === 'rtl'">
         <!-- If not first page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <button (click)="next()" class="button far fa-arrow-left"></button>
+          <a
+            (click)="next()"
+            href="javascript:void(0)"
+            class="button far fa-arrow-left"
+            ><span class="hide"></span
+          ></a>
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <button
+          <a
             (click)="previous()"
+            href="javascript:void(0)"
             class="button button-white far fa-arrow-right"
-          ></button>
+            ><span class="hide"></span
+          ></a>
         </ng-container>
       </ng-container>
     </div>