- conlicts inboud...

app/components/AppHeader/AppHeader.js

@@ -7,8 +7,6 @@ import HeaderTitle from './HeaderTitle/HeaderTitle.container.js';
 import HeaderContentLeft from './HeaderContentLeft.container.js';
 import HeaderContentRight from './HeaderContentRight.container.js';
 
-import styles from './AppHeader.styles.js';
-
 export default class AppHeader extends Component {
     static get propTypes() {
         return {

app/components/AppHeader/HeaderContentLeft.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Text, TouchableOpacity, View } from 'react-native';
-
 import BackIcon from './IconButtons/BackIcon.js';
 import EventsIcon from './IconButtons/EventsIcon.js';
 
@@ -34,10 +32,10 @@ export default function HeaderContentLeft({ activeRoute, hasMultipleEvents, navi
 
 HeaderContentLeft.propTypes = {
     activeRoute: PropTypes.string.isRequired,
-    hasActiveEvent: PropTypes.bool,
+    hasMultipleEvents: PropTypes.bool,
     navigation: PropTypes.func.isRequired,
 };
 
 HeaderContentLeft.defaultProps = {
-    hasActiveEvent: false,
+    hasMultipleEvents: false,
 };

app/components/AppHeader/HeaderTitle/EventTitle/EventTitle.container.js

@@ -1,5 +1,6 @@
 import { connect } from 'react-redux';
 
+import { hasActiveEvent } from '../../../../selectors/activeEvent.js';
 import { getActiveEvent, getDefaultEvent } from '../../../../selectors/events.js';
 
 import EventTitle from './EventTitle.js';

app/components/AppHeader/HeaderTitle/EventTitle/EventTitle.js

@@ -6,10 +6,13 @@ import { Text, TouchableOpacity, View } from 'react-native';
 import styles from './EventTitle.styles.js';
 
 export default function EventTitle({ action, date, end, name, start }) {
+
+    const whenString = `${date} | ${start} - ${end}`;
+
     const _generateEventTitle = () => (
         <View style={styles.eventInfo}>
             <Text style={styles.eventName}>{name}</Text>
-            <Text style={styles.eventDate}>{`${date} | ${start} - ${end}`}</Text>
+            <Text style={styles.eventDate}>{whenString}</Text>
         </View>
     );
 

app/components/AppHeader/HeaderTitle/EventTitle/EventTitle.styles.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 
-export default (styles = StyleSheet.create({
+export default StyleSheet.create({
     eventInfo: {
         flexDirection: 'row',
     },
@@ -11,4 +11,4 @@ export default (styles = StyleSheet.create({
     eventDate: {
         flex: 1,
     },
-}));
+});

app/components/AppHeader/HeaderTitle/HeaderTitle.js

@@ -1,12 +1,16 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import { Text, TouchableOpacity, View } from 'react-native';
+import { Text, TouchableOpacity } from 'react-native';
 
 import EventTitle from './EventTitle/EventTitle.container.js';
 
 import styles from './HeaderTitle.styles.js';
 
+const STRINGS = {
+    PROFILE: 'Profile',
+};
+
 export default function HeaderTitle({
     activeRoute,
     hasActiveEvent,
@@ -30,13 +34,13 @@ export default function HeaderTitle({
     if (activeRoute === 'Events') {
         return (
             <TouchableOpacity onPress={_goBack}>
-                <Text style={styles.screenHeader}>Profile</Text>
+                <Text style={styles.screenHeader}>{STRINGS.PROFILE}</Text>
             </TouchableOpacity>
         );
     }
 
     if (activeRoute === 'Profile') {
-        return <Text style={styles.screenHeader}>Profile</Text>;
+        return <Text style={styles.screenHeader}>{STRINGS.PROFILE}</Text>;
     }
 
     return <EventTitle action={hasMultipleEvents ? _showEvents : null} />;

app/components/AppHeader/HeaderTitle/HeaderTitle.styles.js

@@ -1,6 +1,6 @@
 import { StyleSheet } from 'react-native';
 
-export default (styles = StyleSheet.create({
+export default StyleSheet.create({
     filterBar: {
         backgroundColor: '#0F0',
         flexDirection: 'row',
@@ -11,4 +11,4 @@ export default (styles = StyleSheet.create({
     view: {
         flex: 2,
     },
-}));
+});

app/components/AppHeader/IconButtons/BackIcon.js

@@ -7,7 +7,7 @@ import { Icon } from 'react-native-elements';
 export default function BackIcon({ action }) {
     return (
         <TouchableOpacity onPress={action}>
-            <Icon name="ei-chevron-left" type="evilicons" size={28} />;
+            <Icon name="ei-chevron-left" type="evilicons" size={28} />
         </TouchableOpacity>
     );
 }