// const { connect } = require('preact-redux'); const preact = require('preact'); const { connect } = require('preact-redux'); const { Elements } = require('react-stripe-elements'); const Header = require('./header'); const Team = require('./team'); const StripeBtns = require('./stripe.buttons'); const actions = require('./../actions'); const VERSION = process.env.npm_package_version; const addState = connect( function receiveState(state) { const { ws, account, shop, } = state; function mtxBuy(mtx) { return ws.sendMtxBuy(mtx.variant); } return { account, shop, mtxBuy, }; }, function receiveDispatch(dispatch) { function setMtxActive(mtx) { dispatch(actions.setConstructRename(null)); dispatch(actions.setMtxActive(mtx)); return true; } function setNav(place) { return dispatch(actions.setNav(place)); } return { setMtxActive, setNav, }; } ); function Play(args) { const { account, shop, mtxBuy, setMtxActive, setNav, } = args; if (!shop) return false; const useMtx = (item, i) => (
setMtxActive(item)} >
{item}
); const availableMtx = (item, i) => (
mtxBuy(item)} >
{item.variant}
); const subscription = account.subscribed ? : ; return (

mnml v{VERSION}

use the buttons on the right to join an instance.

select PVP to play against other players.
click LEARN to practice the game without time controls.

if you enjoy the game please support its development by subscribing or purchasing credits.
glhf

--ntr & mashy

¤ {account.balance}

{subscription}
{shop.owned.map(useMtx)}
{shop.available.map(availableMtx)}
); } module.exports = addState(Play);