- The fix is in! Linty fresh and pretty...

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

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,
     },
-}));
+});