From 347fd654836e1e964a9d74f200e444766c690c6a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?V=C3=ADctor=20Molero?= <victor.molero@gmail.com>
Date: Thu, 15 Mar 2018 18:23:47 +0100
Subject: [PATCH] #4 state object to store buttons and message

---
 src/components/BoardComponent.tsx  | 12 ++++++++----
 src/components/SimpleBlackJack.tsx |  8 ++++++++
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/components/BoardComponent.tsx b/src/components/BoardComponent.tsx
index ecf12bd..ab6b44c 100644
--- a/src/components/BoardComponent.tsx
+++ b/src/components/BoardComponent.tsx
@@ -24,6 +24,10 @@ export interface JsonStateInterface {
   handNumber: number;
   playerScore: number;
   houseScore: number;
+  btnDealerClass: string;
+  btnHitClass: string;
+  btnStandClass: string;
+  message: string;
 }
 
 export class BoardComponent extends React.Component<BoardPropsInterface, BoardStateInterface> {
@@ -47,10 +51,10 @@ export class BoardComponent extends React.Component<BoardPropsInterface, BoardSt
       handNumber: stateObject.handNumber,
       playerScore: stateObject.playerScore,
       houseScore: stateObject.houseScore,
-      btnDealerClass: '',
-      btnHitClass: 'invisible',
-      btnStandClass: 'invisible',
-      message: 'Welcome to vmolero\'s BlackJack Game. Press \'Deal!\' to start playing.'
+      btnDealerClass: stateObject.btnDealerClass,
+      btnHitClass: stateObject.btnHitClass,
+      btnStandClass: stateObject.btnStandClass,
+      message: stateObject.message
     };
 
     return state;
diff --git a/src/components/SimpleBlackJack.tsx b/src/components/SimpleBlackJack.tsx
index 60e5c62..428571f 100644
--- a/src/components/SimpleBlackJack.tsx
+++ b/src/components/SimpleBlackJack.tsx
@@ -28,6 +28,10 @@ class SimpleBlackJack extends React.Component<SimpleBlackJackPropsInterface> {
       handNumber: 0,
       playerScore: 0,
       houseScore: 0,
+      btnDealerClass: '',
+      btnHitClass: 'invisible',
+      btnStandClass: 'invisible',
+      message: 'Welcome to vmolero\'s BlackJack Game. Press \'Deal!\' to start playing.'
     };
   }
 
@@ -37,6 +41,10 @@ class SimpleBlackJack extends React.Component<SimpleBlackJackPropsInterface> {
       handNumber: state.handNumber,
       playerScore: state.playerScore,
       houseScore: state.houseScore,
+      btnDealerClass: state.btnDealerClass,
+      btnHitClass: state.btnHitClass,
+      btnStandClass: state.btnStandClass,
+      message: state.message
     };
     this.setItem(this.KEY, JSON.stringify(jsonSate));
   }