From 95c02737c026b6bfa37e740f2ad6b034a80a813d Mon Sep 17 00:00:00 2001
From: Chris Roman <Christopherroman85@gmail.com>
Date: Mon, 29 Oct 2018 21:33:13 -0500
Subject: [PATCH] completed homework

---
 src/Account/index.js | 42 +++++++++++++++++++++++++++++++++++++-----
 src/App.js           |  4 ++--
 2 files changed, 39 insertions(+), 7 deletions(-)

diff --git a/src/Account/index.js b/src/Account/index.js
index 6f34bb6..8184b37 100644
--- a/src/Account/index.js
+++ b/src/Account/index.js
@@ -2,14 +2,46 @@ import React, { Component } from 'react';
 
 
 class Account extends Component {
+  constructor(props){
+    super(props);
+    this.state = {
+      balance: 0
+    }
+    this.handleDepositClick = this.handleDepositClick.bind(this)
+    this.handleWithdrawClick = this.handleWithdrawClick.bind(this)
+  }
+  handleDepositClick(e) {
+    e.preventDefault();
+    const amount = parseInt(this.inputBox.value);
+    const newBalance = this.state.balance + amount;
+    this.setState({
+      balance: newBalance
+    })
+    this.inputBox.value = '';
+  }
+  handleWithdrawClick(e){
+    e.preventDefault();
+    const amount = parseInt(this.inputBox.value);
+    const newBalance = this.state.balance - amount;
+    if(newBalance >= 0) {
+      this.setState({
+        balance: newBalance
+      });
+    } 
+    this.inputBox.value = '';
+  }
   render() {
+    let balanceClass = 'balance';
+    if(this.state.balance === 0) {
+      balanceClass = 'zero'
+    }
     return (
       <div className="account">
-        <h2>TODO: CHANGE TO PROP</h2>
-        <div className="balance">$0</div>
-        <input type="text" placeholder="enter an amount" />
-        <input type="button" value="Deposit" />
-        <input type="button" value="Withdraw" />
+        <h2>{this.props.name}</h2>
+        <div className={balanceClass}>{this.state.balance}</div>
+        <input type="text" placeholder="enter an amount" ref={(input) => this.inputBox = input} />
+        <input type="button" value="Deposit" onClick={this.handleDepositClick} />
+        <input type="button" value="Withdraw" onClick={this.handleWithdrawClick}/>
       </div>
     )
   }
diff --git a/src/App.js b/src/App.js
index ae32dbb..04fa98d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,8 +10,8 @@ class App extends Component {
           <div id="logo"><img src={logo} alt="General Assembly logo" /></div>
           <div id="title">Bank of GA</div>
         </div>
-        <Account />
-        <Account />
+        <Account name="Checking"/>
+        <Account name="Savings"/>
         <div className="clear"></div>
       </div>
     );