From 8e841f3ae7d93c5eb0e6139f130a6d871e74e8c3 Mon Sep 17 00:00:00 2001
From: Songyi Huang <songyih1996@gmail.com>
Date: Sun, 25 Apr 2021 13:19:56 -0700
Subject: [PATCH] fix issue with doudizhu game replay

---
 src/components/GameBoard/DoudizhuGameBoard.js | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/GameBoard/DoudizhuGameBoard.js b/src/components/GameBoard/DoudizhuGameBoard.js
index 09742e2..f4f550f 100644
--- a/src/components/GameBoard/DoudizhuGameBoard.js
+++ b/src/components/GameBoard/DoudizhuGameBoard.js
@@ -134,6 +134,8 @@ class DoudizhuGameBoard extends React.Component {
                         <div style={{ marginRight: '2em' }} className={'timer ' + fadeClassName}>
                             <div className="timer-text">{millisecond2Second(this.props.considerationTime)}</div>
                         </div>
+                        {this.props.gamePlayable ? 
+                        (<>
                         <Button
                             onClick={() => {
                                 this.props.handleMainPlayerAct('deselect');
@@ -156,7 +158,7 @@ class DoudizhuGameBoard extends React.Component {
                             Pass
                         </Button>
                         <Button
-                            disabled={this.props.selectedCards.length === 0}
+                            disabled={!this.props.selectedCards || this.props.selectedCards.length === 0}
                             onClick={() => {
                                 this.props.handleMainPlayerAct('play');
                             }}
@@ -165,6 +167,10 @@ class DoudizhuGameBoard extends React.Component {
                         >
                             Play
                         </Button>
+                        </>)
+                        :
+                        undefined}
+                        
                     </div>
                 );
             } else {