diff --git a/components/cycle-day/labels/labels.js b/components/cycle-day/labels/labels.js index c0af37bb786189d47e0f1ea2ff3969e9efa9f3e1..2d200b0aa5347b1af105aea8476d514cf238eafd 100644 --- a/components/cycle-day/labels/labels.js +++ b/components/cycle-day/labels/labels.js @@ -70,3 +70,5 @@ export const temperature = { outOfAbsoluteRangeWarning: 'This temperature value is too high or low to be shown on the temperature chart.', saveAnyway: 'Save anyway' } + +export const noteExplainer = "Anything you want to add for the day?" diff --git a/components/cycle-day/symptoms/mucus.js b/components/cycle-day/symptoms/mucus.js index d1b7966a3a9bd59d9176312cdf4e2afec33106e8..6e80ffc29967bad7e950c19299af06551c00edae 100644 --- a/components/cycle-day/symptoms/mucus.js +++ b/components/cycle-day/symptoms/mucus.js @@ -10,7 +10,7 @@ import { mucus as labels } from '../labels/labels' import computeSensiplanValue from '../../../lib/sensiplan-mucus' import ActionButtonFooter from './action-button-footer' import SelectTabGroup from '../select-tab-group' -import SymptomSection from './symptom-section'; +import SymptomSection from './symptom-section' export default class Mucus extends Component { @@ -84,10 +84,12 @@ export default class Mucus extends Component { symptom='mucus' cycleDay={this.cycleDay} saveAction={() => { + const feeling = this.state.feeling + const texture = this.state.texture saveSymptom('mucus', this.cycleDay, { - feeling: this.state.feeling, - texture: this.state.texture, - value: computeSensiplanValue(this.state.feeling, this.state.texture), + feeling, + texture, + value: computeSensiplanValue(feeling, texture), exclude: this.state.exclude }) }} diff --git a/components/cycle-day/symptoms/note.js b/components/cycle-day/symptoms/note.js index d43c5fe83be9c2c1aec882170fdacd08534cca7d..93d8e19b499986ae56106d8228140991aa2e6f8f 100644 --- a/components/cycle-day/symptoms/note.js +++ b/components/cycle-day/symptoms/note.js @@ -8,6 +8,8 @@ import { import styles from '../../../styles' import { saveSymptom } from '../../../db' import ActionButtonFooter from './action-button-footer' +import SymptomSection from './symptom-section' +import { noteExplainer } from '../labels/labels' export default class Note extends Component { constructor(props) { @@ -25,7 +27,9 @@ export default class Note extends Component { return ( <View style={{ flex: 1 }}> <ScrollView style={styles.page}> - <View style={styles.symptomViewRow}> + <SymptomSection + explainer={noteExplainer} + > <TextInput autoFocus={!this.state.currentValue} multiline={true} @@ -35,7 +39,7 @@ export default class Note extends Component { }} value={this.state.currentValue} /> - </View> + </SymptomSection> </ScrollView> <ActionButtonFooter symptom='note'