in Serverless/Serverless Web App with React, DynamoDb, and X-Ray/ClientApp/src/components/Quiz.js [73:135]
render() {
if (this.state.show) {
return (
<Row id="quizForm">
<Col sm={12}>
<ChooseAlert displayError={this.state.displayError} onDismiss={this.handleDismiss} />
<form>
<FormGroup>
<ControlLabel>Artist</ControlLabel>
<FormControl
type="text"
value={this.state.artist}
placeholder="Enter the artist"
onChange={this.handleArtistChange}
/>
</FormGroup>
<FormGroup>
<ControlLabel>Song Title</ControlLabel>
<FormControl
type="text"
value={this.state.title}
placeholder="Enter the song title"
onChange={this.handleTitleChange}
/>
</FormGroup>
<Button bsStyle="success" onClick={this.sendAnswers} > Submit</Button>
</form>
</Col>
</Row>
)
}
else {
return (
<Row id="quizForm">
<Col sm={12}>
<form>
<FormGroup>
<ControlLabel>Artist</ControlLabel>
<FormControl
type="text"
value={this.state.artist}
placeholder="Enter the artist"
onChange={this.handleArtistChange}
/>
</FormGroup>
<FormGroup>
<ControlLabel>Song Title</ControlLabel>
<FormControl
type="text"
value={this.state.title}
placeholder="Enter the song title"
onChange={this.handleTitleChange}
/>
</FormGroup>
<Button bsStyle="success" onClick={this.sendAnswers} > Submit</Button>
</form>
</Col>
</Row>
)
}
}