tvolkmann/smart_garden_server
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

activation form only appears when a plant is added

Browse Source
This commit is contained in:
Max 2020-07-06 13:14:06 +02:00
parent 3c9b5973e8
commit 627ffd68dc
1 changed files with 22 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
imports/ui/ActivatePlant.jsx
View File

@ -54,24 +54,28 @@ class ActivatePlant extends React.Component{
render (){ render (){
return ( return (
<> <>
<Form onSubmit={this.handleActivation}> {
<Form.Group> this.props.plants.length !== 0 ?
<Form.Label>Active plant:</Form.Label> <Form onSubmit={this.handleActivation}>
<Form.Control <Form.Group>
as="select" <Form.Label>Active plant:</Form.Label>
type="text" <Form.Control
id="name" as="select"
value={this.state.name} type="text"
onChange={this.handleChange} id="name"
> value={this.state.name}
<option></option> onChange={this.handleChange}
{this.props.plants.map((plant, index) =>{ >
return <option key={index} value={plant.name}>{plant.name}</option> <option></option>
})} {this.props.plants.map((plant, index) =>{
</Form.Control> return <option key={index} value={plant.name}>{plant.name}</option>
</Form.Group> })}
<Button type={"submit"} disabled={this.state.isActivationButtonDisabled}>Activate</Button> </Form.Control>
</Form> </Form.Group>
<Button type={"submit"} disabled={this.state.isActivationButtonDisabled}>Activate</Button>
</Form>
:null
}
</> </>
); );
} }