game.jsx changes

This commit is contained in:
Mashy 2018-10-26 14:34:36 +10:00
parent 6ac999baa0
commit 35f3d34399

View File

@ -1,6 +1,6 @@
const preact = require('preact');
const key = require('keymaster');
const Phaser = require('./phaser.container');
const SKILL_HOT_KEYS = ['Q', 'W', 'E', 'R'];
function GamePanel(props) {
@ -158,25 +158,30 @@ function GamePanel(props) {
}
return (
<section className="columns">
<div className="column is-2 title is-1">
{phaseText(game.phase)}
<div className="column is-1">
</div>
<div className="column is-4">
{PlayerTeam(playerTeam, setActiveSkill)}
<div className="column is-6">
<Phaser />
<section className="columns">
<div className="column is-6">
{PlayerTeam(playerTeam, setActiveSkill)}
</div>
<div className="column is-6">
<div>
{otherTeams.map(OpponentTeam)}
</div>
<div>
{incoming}
</div>
</div>
</section>
</div>
<div className="column is-4">
<div>
{otherTeams.map(OpponentTeam)}
</div>
<div>
{incoming}
</div>
</div>
<div className="column is-2">
<div className="title is-4">log</div>
<div className="column is-3">
<div className="title is-4">{phaseText(game.phase)}</div>
<div> log </div>
</div>
</section>
);
)
}
module.exports = GamePanel;