- Reorg andf cleanup. Maintainability.

app/components/AppHeader/HeaderContentLeft.js

@@ -39,7 +39,6 @@ HeaderContentLeft.propTypes = {
     activeRoute: PropTypes.string.isRequired,
     hasActiveEvent: PropTypes.bool,
     hasMultipleEvents: PropTypes.bool,
-    navigation: PropTypes.func.isRequired,
 };
 
 HeaderContentLeft.defaultProps = {

app/components/AppHeader/HeaderTitle/HeaderTitle.js

@@ -50,7 +50,6 @@ HeaderTitle.propTypes = {
     activeRoute: PropTypes.string.isRequired,
     hasActiveEvent: PropTypes.bool,
     hasMultipleEvents: PropTypes.bool.isRequired,
-    navigation: PropTypes.func.isRequired,
 };
 
 HeaderTitle.defaultProps = {

app/components/AppHeader/IconButtons/BackIcon.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import { TouchableOpacity } from 'react-native';
-import { Icon } from 'react-native-elements';
+import Icon from 'react-native-vector-icons';
 
 export default function BackIcon({ action }) {
     return (

app/components/AppHeader/IconButtons/EventsIcon.js

@@ -5,7 +5,7 @@ import { TouchableOpacity } from 'react-native';
 import { Icon } from 'react-native-elements';
 
 export default function EventsIcon({ action }) {
-    const renderEventsIcon = () => <Icon name="ei-calendar" type="evilicons" size={28} />;
+    const renderEventsIcon = () => <Icon name="calendar" type="evilicon" size={28} />;
 
     if (action) {
         return <TouchableOpacity onPress={action}>{renderEventsIcon()}</TouchableOpacity>;