Merge branch '298-add-back-button-to-settings-children' into 'master'

Adds back button to settings header

Closes #298

See merge request bloodyhealth/drip!171

components/app.js

@@ -94,9 +94,7 @@ export default class App extends Component {
 
   isDefaultView() {
     const { currentPage } = this.state
-    return currentPage !== CYCLE_DAY_PAGE &&
-      !this.isSymptomView() &&
-      !this.isInfoSymptomView()
+    return this.isMenuItem(currentPage) || currentPage === SETTINGS_MENU_PAGE
   }
 
   render() {
@@ -114,16 +112,19 @@ export default class App extends Component {
     }
     const page = pages[currentPage]
     const title = headerTitlesLowerCase[currentPage]
-    const isSymptomView = this.isSymptomView()
     return (
       <View style={{flex: 1}}>
         {this.isDefaultView() &&
           <Header title={title} />
         }
-        {this.isInfoSymptomView() &&
-          <Header title={title} goBack={this.handleBackButtonPress} />
+        {(this.isInfoSymptomView() || this.isSettingsView()) &&
+          <Header
+            title={title}
+            showBackButton={true}
+            goBack={this.handleBackButtonPress}
+          />
         }
-        {isSymptomView &&
+        {this.isSymptomView() &&
           <Header
             title={title}
             isSymptomView={true}
@@ -140,7 +141,7 @@ export default class App extends Component {
           ...currentProps
         })}
 
-        {!isSymptomView &&
+        {!this.isSymptomView() &&
           <Menu navigate={this.navigate} currentPage={currentPage} />
         }
       </View>

components/header/info-symptom.js → components/header/back-button.js

@@ -8,7 +8,7 @@ import styles, { iconStyles } from '../../styles'
 import NavigationArrow from './navigation-arrow'
 import Icon from 'react-native-vector-icons/Entypo'
 
-export default function InfoSymptomHeader(props) {
+export default function BackButtonHeader(props) {
   return (
     <View style={[styles.header, styles.headerCycleDay, styles.headerSymptom]}>
       <View

components/header/index.js

@@ -2,7 +2,7 @@ import React from 'react'
 import { Dimensions } from 'react-native'
 import CycleDayHeader from './cycle-day'
 import DefaultHeader from './default'
-import InfoSymptomHeader from './info-symptom'
+import BackButtonHeader from './back-button'
 import SymptomViewHeader from './symptom-view'
 
 export default function Header(p) {
@@ -15,8 +15,8 @@ export default function Header(p) {
   else if (props.isSymptomView) {
     return (<SymptomViewHeader {...props} />)
   }
-  else if (props.title === 'info') {
-    return (<InfoSymptomHeader {...props} />)
+  else if (props.showBackButton) {
+    return (<BackButtonHeader {...props} />)
   }
   else {
     return (<DefaultHeader {...props} />)