feat: savings account transactions (view-reciept) (#949)

Fixes: #948

src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.html

@@ -47,7 +47,7 @@
       <ng-container matColumnDef="viewReciept">
         <th mat-header-cell *matHeaderCellDef> View Reciept </th>
         <td mat-cell *matCellDef="let transaction"> 
-          <button class="account-action-button" mat-raised-button color="primary">
+          <button class="account-action-button" mat-raised-button color="primary" (click)="routeEdit($event)" [routerLink]="[transaction.id, 'reciept']">
             <i class="fa fa-file" matTooltip="View Reciept"></i>
           </button>
         </td>

src/app/savings/savings-account-view/transactions-tab/transactions-tab.component.ts

@@ -57,4 +57,12 @@ export class TransactionsTabComponent implements OnInit {
     return false;
   }
 
+  /**
+   * Stops the propagation to view pages.
+   * @param $event Mouse Event
+   */
+  routeEdit($event: MouseEvent) {
+    $event.stopPropagation();
+  }
+
 }