updated account.store.ts & mobx-reaction.directive.ts

Author: Simon

projects/bank-v13/src/app/actions/actions.component.html

@@ -0,0 +1,2 @@
+<button mat-raised-button (click)="deposit()">deposit</button>
+<button mat-raised-button (click)="withdraw()">withdraw</button>

projects/bank-v13/src/app/actions/actions.component.scss

@@ -0,0 +1,4 @@
+button {
+    width: 152px;
+    margin-right: 20px;
+}

projects/bank-v13/src/app/actions/actions.component.ts

@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+import { Account } from '../stores/account.store';
+
+@Component({
+  selector: 'app-actions',
+  templateUrl: './actions.component.html',
+  styleUrls: ['./actions.component.scss']
+})
+export class ActionsComponent implements OnInit {
+  constructor(private account: Account) {}
+
+  deposit() {
+    this.account.deposit(parseInt(window.prompt('select amount'), 10));
+  }
+  withdraw() {
+    this.account.withdraw(parseInt(window.prompt('select amount'), 10));
+  }
+  ngOnInit() {}
+}