solves the action footer, but messes up the header

components/header.js

@@ -7,8 +7,10 @@ import styles, { iconStyles } from '../styles'
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
 import { formatDateForViewHeader } from '../components/cycle-day/labels/format'
 
+
 export default class Header extends Component {
   render() {
+    console.log(this.props)
     return (
       this.props.isCycleDayOverView ?
         <View style={[styles.header, styles.headerCycleDay]}>
@@ -32,12 +34,32 @@ export default class Header extends Component {
             onPress={() => this.props.goToCycleDay('after')}
           />
         </View >
-        :
-        <View style={styles.header}>
-          <Text style={styles.dateHeader}>
-            {this.props.title}
-          </Text>
-        </View >
+        : this.props.isSymptomView ?
+          <View style={[styles.header, styles.headerCycleDay]}>
+            <Icon
+              name='arrow-left-drop-circle'
+              {...iconStyles.navigationArrow}
+              onPress={() => this.props.goBack()}
+            />
+            <View>
+              <Text style={styles.dateHeader}>
+                {this.props.title}
+              </Text>
+              <Text style={styles.cycleDayNumber} >
+                {formatDateForViewHeader(this.props.date)}
+              </Text>
+            </View >
+            <Icon
+              name='information-outline'
+              {...iconStyles.navigationArrow}
+            />
+          </View>
+          :
+          <View style={styles.header}>
+            <Text style={styles.dateHeader}>
+              {this.props.title}
+            </Text>
+          </View >
     )
   }
 }