fixes issue 1556 (#1574)

Co-authored-by: Anika Tibrewala <89638069+Ann-001@users.noreply.github.com>

src/app/home/dashboard/dashboard.component.html

@@ -13,8 +13,7 @@
 
         <mat-card-content>
           <mat-action-list class="list">
-            <button mat-list-item *ngFor="let activity of recentActivities"
+            <button mat-list-item *ngFor="let activity of recentActivities" (click)="navigatetoActivity(activity)"> {{ activity | urlToString }} </button>
-            [routerLink]="activity"> {{ activity | urlToString }} </button>
           </mat-action-list>
         </mat-card-content>
 

src/app/home/dashboard/dashboard.component.ts

@@ -1,5 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
 
 /**
  * Dashboard component.
@@ -21,7 +22,7 @@ export class DashboardComponent implements OnInit {
   /**
    * Gets user activities from local storage.
    */
-  constructor() {
+  constructor(private router: Router) {
     this.userActivity = JSON.parse(localStorage.getItem('mifosXLocation'));
   }
 
@@ -67,4 +68,12 @@ export class DashboardComponent implements OnInit {
     return topEigthFrequentActivities;
   }
 
+  /**
+   * Navigates to the activity
+   */
+  navigatetoActivity(activity:string){
+    this.router.navigateByUrl(activity);
+  }
+
 }
+