diff --git a/components/cycle-day/symptoms/cervix.js b/components/cycle-day/symptoms/cervix.js index a2ff9784d71fbb233cdca6008f7706a7864b4b08..b05f97534e05eccb0cdd15c8fc17ef21596a701f 100644 --- a/components/cycle-day/symptoms/cervix.js +++ b/components/cycle-day/symptoms/cervix.js @@ -6,7 +6,7 @@ import { } from 'react-native' import styles from '../../../styles' import { saveSymptom } from '../../../db' -import {cervix as labels} from '../labels/labels' +import { cervix as labels } from '../labels/labels' import ActionButtonFooter from './action-button-footer' import SelectTabGroup from '../select-tab-group' import { SymptomSectionHeader, AppText } from '../../app-text' @@ -32,53 +32,51 @@ export default class Cervix extends Component { render() { const cervixOpeningRadioProps = [ - {label: labels.opening.categories[0], value: 0}, - {label: labels.opening.categories[1], value: 1}, - {label: labels.opening.categories[2], value: 2} + { label: labels.opening.categories[0], value: 0 }, + { label: labels.opening.categories[1], value: 1 }, + { label: labels.opening.categories[2], value: 2 } ] const cervixFirmnessRadioProps = [ - {label: labels.firmness.categories[0], value: 0 }, - {label: labels.firmness.categories[1], value: 1 } + { label: labels.firmness.categories[0], value: 0 }, + { label: labels.firmness.categories[1], value: 1 } ] const cervixPositionRadioProps = [ - {label: labels.position.categories[0], value: 0 }, - {label: labels.position.categories[1], value: 1 }, + { label: labels.position.categories[0], value: 0 }, + { label: labels.position.categories[1], value: 1 }, { label: labels.position.categories[2], value: 2 } ] return ( <View style={{ flex: 1 }}> <ScrollView style={styles.page}> - <View> - <SymptomSectionHeader>Opening</SymptomSectionHeader> - <AppText>{labels.opening.explainer}</AppText> - <SelectTabGroup - buttons={cervixOpeningRadioProps} - active={this.state.opening} - onSelect={val => this.setState({ opening: val })} + <SymptomSectionHeader>Opening</SymptomSectionHeader> + <AppText>{labels.opening.explainer}</AppText> + <SelectTabGroup + buttons={cervixOpeningRadioProps} + active={this.state.opening} + onSelect={val => this.setState({ opening: val })} + /> + <SymptomSectionHeader>Firmness</SymptomSectionHeader> + <AppText>{labels.firmness.explainer}</AppText> + <SelectTabGroup + buttons={cervixFirmnessRadioProps} + active={this.state.firmness} + onSelect={val => this.setState({ firmness: val })} + /> + <SymptomSectionHeader>Position</SymptomSectionHeader> + <AppText>{labels.position.explainer}</AppText> + <SelectTabGroup + buttons={cervixPositionRadioProps} + active={this.state.position} + onSelect={val => this.setState({ position: val })} + /> + <View style={styles.symptomViewRowInline}> + <SymptomSectionHeader>Exclude</SymptomSectionHeader> + <Switch + onValueChange={(val) => { + this.setState({ exclude: val }) + }} + value={this.state.exclude} /> - <SymptomSectionHeader>Firmness</SymptomSectionHeader> - <AppText>{labels.firmness.explainer}</AppText> - <SelectTabGroup - buttons={cervixFirmnessRadioProps} - active={this.state.firmness} - onSelect={val => this.setState({ firmness: val })} - /> - <SymptomSectionHeader>Position</SymptomSectionHeader> - <AppText>{labels.position.explainer}</AppText> - <SelectTabGroup - buttons={cervixPositionRadioProps} - active={this.state.position} - onSelect={val => this.setState({ position: val })} - /> - <View style={styles.symptomViewRowInline}> - <SymptomSectionHeader>Exclude</SymptomSectionHeader> - <Switch - onValueChange={(val) => { - this.setState({ exclude: val }) - }} - value={this.state.exclude} - /> - </View> </View> </ScrollView> <ActionButtonFooter