diff --git a/components/cycle-day/labels/labels.js b/components/cycle-day/labels/labels.js index 522686f74701edde9c9478d37dcf43aa761d26e7..a1f3990749c1dbe138afeb2175c42500ca8da2ff 100644 --- a/components/cycle-day/labels/labels.js +++ b/components/cycle-day/labels/labels.js @@ -19,6 +19,11 @@ export const cervix = { } } +export const desire = { + header: 'Intensity', + explainer: 'How would you rate your sexual desire?' +} + export const sex = { solo: 'Solo', partner: 'Partner', diff --git a/components/cycle-day/symptoms/desire.js b/components/cycle-day/symptoms/desire.js index d78bcff4a0c0ebf4e690622c26d23b7ee679b422..0802e6cc1caeb983303e4383db829b01779a5b00 100644 --- a/components/cycle-day/symptoms/desire.js +++ b/components/cycle-day/symptoms/desire.js @@ -5,9 +5,10 @@ import { } from 'react-native' import styles from '../../../styles' import { saveSymptom } from '../../../db' -import { intensity as labels } from '../labels/labels' +import { intensity, desire } from '../labels/labels' import ActionButtonFooter from './action-button-footer' import SelectTabGroup from '../select-tab-group' +import { SymptomSectionHeader, AppText } from '../../app-text'; export default class Desire extends Component { constructor(props) { @@ -23,20 +24,20 @@ export default class Desire extends Component { render() { const desireRadioProps = [ - { label: labels[0], value: 0 }, - { label: labels[1], value: 1 }, - { label: labels[2], value: 2 } + { label: intensity[0], value: 0 }, + { label: intensity[1], value: 1 }, + { label: intensity[2], value: 2 } ] return ( <View style={{ flex: 1 }}> <ScrollView style={styles.page}> - <View> - <SelectTabGroup - buttons={desireRadioProps} - acitve={this.state.currentValue} - onSelect={val => this.setState({ currentValue: val })} - /> - </View> + <SymptomSectionHeader>{desire.header}</SymptomSectionHeader> + <AppText>{desire.explainer}</AppText> + <SelectTabGroup + buttons={desireRadioProps} + acitve={this.state.currentValue} + onSelect={val => this.setState({ currentValue: val })} + /> </ScrollView> <ActionButtonFooter symptom='desire'