From 971c99ad9f2eff34e77bbdc8e1510e7ff201a84a Mon Sep 17 00:00:00 2001
From: Birgitta B <bboeckel@thoughtworks.com>
Date: Sun, 13 Jan 2019 11:18:41 +0100
Subject: [PATCH] Add action hints to cervix and mucus views

Issue: 178
---
 components/cycle-day/symptoms/cervix.js | 2 ++
 components/cycle-day/symptoms/mucus.js  | 3 ++-
 i18n/en/cycle-day.js                    | 6 ++++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/components/cycle-day/symptoms/cervix.js b/components/cycle-day/symptoms/cervix.js
index 5b2bddd..dacf31f 100644
--- a/components/cycle-day/symptoms/cervix.js
+++ b/components/cycle-day/symptoms/cervix.js
@@ -10,6 +10,7 @@ import { cervix as labels } from '../../../i18n/en/cycle-day'
 import ActionButtonFooter from './action-button-footer'
 import SelectTabGroup from '../select-tab-group'
 import SymptomSection from './symptom-section'
+import { ActionHint } from '../../app-text'
 
 export default class Cervix extends Component {
   constructor(props) {
@@ -81,6 +82,7 @@ export default class Cervix extends Component {
             />
           </SymptomSection>
         </ScrollView>
+        <ActionHint>{labels.actionHint}</ActionHint>
         <ActionButtonFooter
           symptom='cervix'
           date={this.props.date}
diff --git a/components/cycle-day/symptoms/mucus.js b/components/cycle-day/symptoms/mucus.js
index 7de9896..7a6f5de 100644
--- a/components/cycle-day/symptoms/mucus.js
+++ b/components/cycle-day/symptoms/mucus.js
@@ -11,7 +11,7 @@ import computeNfpValue from '../../../lib/nfp-mucus'
 import ActionButtonFooter from './action-button-footer'
 import SelectTabGroup from '../select-tab-group'
 import SymptomSection from './symptom-section'
-
+import { ActionHint } from '../../app-text'
 
 export default class Mucus extends Component {
   constructor(props) {
@@ -70,6 +70,7 @@ export default class Mucus extends Component {
             />
           </SymptomSection>
         </ScrollView>
+        <ActionHint>{labels.actionHint}</ActionHint>
         <ActionButtonFooter
           symptom='mucus'
           date={this.props.date}
diff --git a/i18n/en/cycle-day.js b/i18n/en/cycle-day.js
index 78cd4e2..536dc59 100644
--- a/i18n/en/cycle-day.js
+++ b/i18n/en/cycle-day.js
@@ -14,7 +14,8 @@ export const cervix = {
   position: {
     categories: ['low', 'medium', 'high'],
     explainer: 'How high up in the vagina is the cervix?'
-  }
+  },
+  actionHint: 'Choose values for at least "Opening" and "Firmness" to save.'
 }
 
 export const mucus = {
@@ -26,7 +27,8 @@ export const mucus = {
     categories: ['nothing', 'creamy', 'egg white'],
     explainer: "Looking at and touching your cervical mucus, which describes it best?"
   },
-  excludeExplainer: "You can exclude this value if you don't want to use it for fertility detection"
+  excludeExplainer: "You can exclude this value if you don't want to use it for fertility detection",
+  actionHint: 'Choose values for both "Feeling" and "Texture" to save.'
 }
 
 export const desire = {