Notification at end of winter to complete purchasing.

src/components/farm/Board.jsx

@@ -357,7 +357,7 @@ class PlayerTurnContainer extends React.Component {
 
     render() {
         let view;
-        const player = this.props.player,
+        const { player, ui } = this.props,
               worth = netWorth(player),
               auditButton = (this.props.game.calledAudit === false && worth >= this.props.game.settings.auditThreshold) ? (
                   <Button onClick={audit}>Call Audit</Button>) : '';
@@ -401,10 +401,25 @@ class PlayerTurnContainer extends React.Component {
                     Watch {this.props.game.currentPlayer}&apos;s turn
                 </Button>);
         }
+        const space = ui.playerSpaces[player.color];
         return (
             <Row>
                 <Col width='12'>
                     <div className='turn-container'>
+                        { space >= 9 && space <= 14 ? (
+                              <>
+                                  <div>
+                                      Recommendation:
+                                  </div>
+                                  <div>
+                                      <Button className="tiny"
+                                              onClick={() => this.props.showScreen(SCREENS.cards)}>
+                                          Complete Purchasing
+                                      </Button> before next roll
+                                  </div>
+                                  <br />
+                              </>
+                        ) : (<></>)}
                         {view}
                     </div>
                 </Col>
@@ -2213,6 +2228,11 @@ class Card extends React.Component {
                                  </Col>
                              </Row>
                         ) : (<></>)}
+                        <Row collapse='true'>
+                            <Col width="12">
+                                <label className="small-text"><input type="checkbox" /> Reveal for trading</label>
+                            </Col>
+                        </Row>
 
                     </form>
                 </div>); break;

src/style.scss

@@ -687,12 +687,6 @@ $trade-margin: 3rem;
 .tab.show {
     display: block; }
 
-.turn-container {
-    position: relative;
-    height: 56px;
-    padding: 0.5rem;
-    width: 100%; }
-
 .turn-container .button {
     margin: 0; }