Turning a links to button links as a links are not picked up on GA

CruGlobal · Sep 16, 2024 · 8d78992 · 8d78992
1 parent 823dda4
commit 8d78992
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 12 deletions.
diff --git a/src/app/page/component/tract-page/tract-page.component.css b/src/app/page/component/tract-page/tract-page.component.css
@@ -33,10 +33,6 @@ app-tract-new-page {
   margin-top: 48px !important;
 }
 
-#tool-navigation .button .hidden {
-  display: none;
-}
-
 #tool-navigation .button:first-child:not(:last-child) {
   border-right-width: 0;
   border-top-right-radius: 0;

diff --git a/src/app/page/component/tract-page/tract-page.component.html b/src/app/page/component/tract-page/tract-page.component.html
@@ -43,43 +43,43 @@
       <ng-container *ngIf="(dir$ | async) === 'ltr'">
         <!-- If not first page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <a
+          <button
             (click)="previous()"
             href="javascript:void(0)"
             class="button button-white far hide-text fa-arrow-left"
-            ><span class="hidden">Previous</span></a
+            >Previous</button
           >
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <a
+          <button
             (click)="next()"
             href="javascript:void(0)"
             class="button far fa-arrow-right"
-            ><span class="hidden">Next</span></a
+            >Next</button
           >
         </ng-container>
       </ng-container>
 
       <ng-container *ngIf="(dir$ | async) === 'rtl'">
         <!-- If not first page -->
         <ng-container *ngIf="(isLastPage$ | async) === false">
-          <a
+          <button
             (click)="next()"
             href="javascript:void(0)"
             class="button far fa-arrow-left"
-            ><span class="hidden">Next</span></a
+            >Next</button
           >
         </ng-container>
 
         <!-- If not last page -->
         <ng-container *ngIf="(isFirstPage$ | async) === false">
-          <a
+          <button
             (click)="previous()"
             href="javascript:void(0)"
             class="button button-white far hide-text fa-arrow-right"
-            ><span class="hidden">Previous</span></a
+            >Previous</button
           >
         </ng-container>
       </ng-container>