Adds back button to settings header

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/index.js

@@ -15,7 +15,7 @@ export default function Header(p) {
   else if (props.isSymptomView) {
     return (<SymptomViewHeader {...props} />)
   }
-  else if (props.title === 'info') {
+  else if (props.showBackButton) {
     return (<BackButtonHeader {...props} />)
   }
   else {