feat: view savings transaction page (#933)

Fixes: #932

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

@@ -54,7 +54,7 @@
       </ng-container>
 
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+      <tr mat-row *matRowDef="let row; columns: displayedColumns;" class="select-row" [routerLink]="[row.id]"></tr>
 
     </table>
 

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

@@ -15,5 +15,8 @@
       margin: 0 10%;
       line-height: 25px;
     }
+    .select-row:hover {
+      cursor: pointer;
+    }
   }
 }

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

@@ -28,7 +28,7 @@ export class TransactionsTabComponent implements OnInit {
    */
   constructor(private route: ActivatedRoute) {
     this.route.parent.data.subscribe((data: { savingsAccountData: any }) => {
-      this.transactionsData = data.savingsAccountData.transactions;
+      this.transactionsData = data.savingsAccountData.transactions.filter((transaction: any) => !transaction.reversed);
       this.status = data.savingsAccountData.status.value;
     });
   }