Merge branch '345-move-info-button-out-of-header-to-body' into marie-move-info-button-out-of-header-to-body

components/cycle-day/symptoms/pain.js

@@ -1,17 +1,13 @@
 import React from 'react'
 import {
-  Alert,
   ScrollView,
   TextInput,
-  TouchableOpacity,
   View
 } from 'react-native'
-import FeatherIcon from 'react-native-vector-icons/Feather'
 
-import infoLabels from '../../../i18n/en/symptom-info'
 import { pain as labels } from '../../../i18n/en/cycle-day'
 import { shared as sharedLabels } from '../../../i18n/en/labels'
-import styles, { iconStyles } from '../../../styles'
+import styles from '../../../styles'
 
 import SelectBoxGroup from '../select-box-group'
 
@@ -34,14 +30,6 @@ export default class Pain extends SymptomView {
 
   symptomName = 'pain'
 
-  showInfoBox(){
-    const symptomName = 'pain'
-    Alert.alert(
-      infoLabels[symptomName].title,
-      infoLabels[symptomName].text
-    )
-  }
-
   onBackButtonPress() {
     const nothingEntered = Object.values(this.state).every(val => !val)
     if (nothingEntered) {
@@ -71,15 +59,6 @@ export default class Pain extends SymptomView {
           <SymptomSection
             explainer={labels.explainer}
           >
-            <TouchableOpacity
-              onPress={this.showInfoBox}
-              style={styles.infoButton}
-            >
-              <FeatherIcon
-                name="info"
-                style={iconStyles.symptomInfo}
-              />
-            </TouchableOpacity>
             <SelectBoxGroup
               labels={labels.categories}
               onSelect={this.toggleState}