diff --git a/components/cycle-day/select-tab-group.js b/components/cycle-day/select-tab-group.js index a8673fd..b960d95 100644 --- a/components/cycle-day/select-tab-group.js +++ b/components/cycle-day/select-tab-group.js @@ -23,7 +23,7 @@ export default class SelectTabGroup extends Component { if (isActive) activeStyle = styles.selectTabActive return ( this.props.onSelect(value)} + onPress={() => isActive ? this.props.onSelect(null) : this.props.onSelect(value)} key={i} activeOpacity={1} > diff --git a/components/cycle-day/symptoms/bleeding.js b/components/cycle-day/symptoms/bleeding.js index c608aeb..3c88ec5 100644 --- a/components/cycle-day/symptoms/bleeding.js +++ b/components/cycle-day/symptoms/bleeding.js @@ -39,7 +39,7 @@ export default class Bleeding extends Component { val === this.state.currentValue ? this.setState({ currentValue: null }) : this.setState({ currentValue: val })} + onSelect={val => this.setState({ currentValue: val })} /> val === this.state.opening ? this.setState({ opening: null }) : this.setState({ opening: val })} + onSelect={val => this.setState({ opening: val })} /> val === this.state.firmness ? this.setState({ firmness: null }) : this.setState({ firmness: val })} + onSelect={val => this.setState({ firmness: val })} /> val === this.state.position ? this.setState({ position: null }) : this.setState({ position: val })} + onSelect={val => this.setState({ position: val })} /> val === this.state.currentValue ? this.setState({ currentValue: null }) : this.setState({ currentValue: val })} + onSelect={val => this.setState({ currentValue: val })} /> diff --git a/components/cycle-day/symptoms/mucus.js b/components/cycle-day/symptoms/mucus.js index 1e13777..a517fcd 100644 --- a/components/cycle-day/symptoms/mucus.js +++ b/components/cycle-day/symptoms/mucus.js @@ -46,7 +46,7 @@ export default class Mucus extends Component { > val === this.state.feeling ? this.setState({ feeling: null }) : this.setState({ feeling: val })} + onSelect={val => this.setState({ feeling: val })} active={this.state.feeling} /> @@ -56,7 +56,7 @@ export default class Mucus extends Component { > val === this.state.texture ? this.setState({ texture: null }) : this.setState({ texture: val })} + onSelect={val => this.setState({ texture: val })} active={this.state.texture} />