From 4d8a4a79fdc7db9e0ad55abe12a8f4d559b8f5fd Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Sat, 1 Sep 2018 20:53:37 +0200
Subject: [PATCH] Add explainer to desire
---
components/cycle-day/labels/labels.js | 5 +++++
components/cycle-day/symptoms/desire.js | 23 ++++++++++++-----------
2 files changed, 17 insertions(+), 11 deletions(-)
diff --git a/components/cycle-day/labels/labels.js b/components/cycle-day/labels/labels.js
index 522686f7..a1f39907 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 d78bcff4..0802e6cc 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'
--
GitLab