farm/src/components/create-or-join/CreateOrJoin.jsx

// Copyright 2020 Thomas Hintz
//
// This file is part of the Alpha Centauri Farming project.
//
// The Alpha Centauri Farming project is free software: you can
// redistribute it and/or modify it under the terms of the GNU General
// Public License as published by the Free Software Foundation, either
// version 3 of the License, or (at your option) any later version.
//
// The Alpha Centauri Farming project is distributed in the hope that
// it will be useful, but WITHOUT ANY WARRANTY; without even the
// implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
// PURPOSE.  See the GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with the Alpha Centauri Farming project.  If not, see
// <https://www.gnu.org/licenses/>.

import React, { Fragment } from 'react'
import { connect } from 'react-redux'

import { GroupBox, Row, Col, Button } from '../widgets.jsx'
import { showNewGame, showJoinGame } from '../app/actions.js'

class CreateOrJoin extends React.Component {
    render() {
        return (
            <Fragment>
              <Button size='large' className='shadow' onClick={this.props.showNewGame}>
                New Game
              </Button>
              {this.props.start.start.games.length > 0 ? (
                  <Button size='large' className='shadow' onClick={this.props.showJoinGame}>
                    Join Game
                  </Button>
              ) : (<Fragment />)}
            </Fragment>
        );
    }
}

export default connect(
    state => state,
    { showNewGame,
      showJoinGame
    }
)(CreateOrJoin)