Adds symptom info screens to each symptom

components/header/index.js

@@ -1,27 +1,24 @@
 import React from 'react'
-import {
-  View,
-  Text,
-  Dimensions
-} from 'react-native'
-import styles from '../../styles'
+import { Dimensions } from 'react-native'
 import CycleDayHeader from './cycle-day'
+import DefaultHeader from './default'
+import InfoSymptomHeader from './info-symptom'
 import SymptomViewHeader from './symptom-view'
 
 export default function Header(p) {
   const middle = Dimensions.get('window').width / 2
   const props = Object.assign({}, p, {middle})
-  return (
-    props.isCycleDayOverView ?
-      <CycleDayHeader {...props} />
-      : props.isSymptomView ?
-        <SymptomViewHeader {...props}/>
-        :
-        <View style={styles.header}>
-          <View style={styles.accentCircle} />
-          <Text style={styles.headerText}>
-            {props.title}
-          </Text>
-        </View >
-  )
-}
+
+  if (props.isCycleDayOverView) {
+    return (<CycleDayHeader {...props} />)
+  }
+  else if (props.isSymptomView) {
+    return (<SymptomViewHeader {...props} />)
+  }
+  else if (props.title === 'info') {
+    return (<InfoSymptomHeader {...props} />)
+  }
+  else {
+    return (<DefaultHeader {...props} />)
+  }
+}