Adding images to trade resource units.

logins
Thomas Hintz 5 years ago
parent 6916991455
commit 69a563d689

@ -191,21 +191,28 @@ class ResourceUnit extends React.Component {
class PlayerTradeResources extends React.Component { class PlayerTradeResources extends React.Component {
render () { render () {
let player = this.props.player; let player = this.props.player;
return (<form onSubmit={e => tradeFormSubmit(e, player)}> return (
<form onSubmit={e => tradeFormSubmit(e, player)}>
<div className='player-trade-resources'> <div className='player-trade-resources'>
<ResourceUnit h='120' s='100' label='acres of Hay' amount={''}> <ResourceUnit img={HayImg} h='120' s='100' label='acres of Hay' amount={''}>
<input type='number' id='trade-hay' defaultValue='0' /></ResourceUnit> {' '} <input type='number' id='trade-hay' defaultValue='0' />
<ResourceUnit h='41' s='100' label='acres of Grain' amount={''}> </ResourceUnit> {' '}
<input type='number' id='trade-grain' defaultValue='0' /></ResourceUnit> {' '} <ResourceUnit img={WheatImg} h='41' s='100' label='acres of Grain' amount={''}>
<ResourceUnit h='0' s='100' label='acres of Fruit' amount={''}> <input type='number' id='trade-grain' defaultValue='0' />
<input type='number' id='trade-fruit' defaultValue='0' /></ResourceUnit> {' '} </ResourceUnit> {' '}
<ResourceUnit h='0' s='59' label='head of Cows' amount={''}> <ResourceUnit img={FruitImg} h='0' s='100' label='acres of Fruit' amount={''}>
<input type='number' id='trade-cows' defaultValue='0' /></ResourceUnit> {' '} <input type='number' id='trade-fruit' defaultValue='0' />
<ResourceUnit h='240' s='100' label='Harvesters' amount={''}> </ResourceUnit> {' '}
<input type='number' id='trade-harvesters' defaultValue='0' /></ResourceUnit> {' '} <ResourceUnit img={CowImg} h='0' s='59' label='head of Cows' amount={''}>
<ResourceUnit h='240' s='100' label='Tractors' amount={''}> <input type='number' id='trade-cows' defaultValue='0' />
<input type='number' id='trade-tractors' defaultValue='0' /></ResourceUnit> </ResourceUnit> {' '}
<br /><br /> <ResourceUnit img={HarvesterImg} h='240' s='100' label='Harvesters' amount={''}>
<input type='number' id='trade-harvesters' defaultValue='0' />
</ResourceUnit> {' '}
<ResourceUnit img={TractorImg} h='240' s='100' label='Tractors' amount={''}>
<input type='number' id='trade-tractors' defaultValue='0' />
</ResourceUnit>
<br />
<b>Ridges</b>: <b>{ridgeNames[0][0]}</b>: <input type='checkbox' id='trade-ridge1' />{'\u00A0'} <b>Ridges</b>: <b>{ridgeNames[0][0]}</b>: <input type='checkbox' id='trade-ridge1' />{'\u00A0'}
<b>R</b>: <input type='checkbox' id='trade-ridge2' />{'\u00A0'} <b>R</b>: <input type='checkbox' id='trade-ridge2' />{'\u00A0'}
<b>C</b>: <input type='checkbox' id='trade-ridge3' />{'\u00A0'} <b>C</b>: <input type='checkbox' id='trade-ridge3' />{'\u00A0'}
@ -226,7 +233,7 @@ class PlayerTradeResources extends React.Component {
</Col> </Col>
<Col width='4 column-no-padding'> <Col width='4 column-no-padding'>
<label htmlFor='trade-cards'><b>Cards</b>: </label> <label htmlFor='trade-cards'><b>Cards</b>: </label>
<input type='text' id='trade-cards' /> <input type='text' id='trade-cards' placeholder="12 46" />
</Col> </Col>
</Row> </Row>
<PlayerTradeProposed player={this.props.player} /> <PlayerTradeProposed player={this.props.player} />

Loading…
Cancel
Save