- Linting... Prettier...

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

@@ -5,14 +5,17 @@ import { getActiveEvent, getDefaultEvent } from '../../../../selectors/events.js
 import EventTitle from './EventTitle.js';
 
 const matchStateToProps = (state) => {
-  const event = hasActiveEvent(state) ? getActiveEvent(state) : getDefaultEvent(state);
+    const event = hasActiveEvent(state) ? getActiveEvent(state) : getDefaultEvent(state);
 
-  return {
-    date: event.get('date'),
-    end: event.get('end'),
-    name: event.get('name'),
-    start: event.get('start'),
-  };
+    return {
+        date: event.get('date'),
+        end: event.get('end'),
+        name: event.get('name'),
+        start: event.get('start'),
+    };
 };
 
-export default connect(matchStateToProps, null)(EventTitle);
+export default connect(
+    matchStateToProps,
+    null,
+)(EventTitle);

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

@@ -1,43 +1,33 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import {
-    Text,
-    TouchableOpacity,
-    View,
-} from 'react-native';
+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>
-  );
+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>
+    );
 
-  if (action) {
-    return <TouchableOpacity onPress={action}>{_generateEventTitle()}</TouchableOpacity>;
-  }
+    if (action) {
+        return <TouchableOpacity onPress={action}>{_generateEventTitle()}</TouchableOpacity>;
+    }
 
-  return _generateEventTitle();
+    return _generateEventTitle();
 }
 
 EventTitle.propTypes = {
-  action: PropTypes.func,
-  date: PropTypes.string.isRequired,
-  end: PropTypes.string.isRequired,
-  name: PropTypes.string.isRequired,
-  start: PropTypes.string.isRequired,
+    action: PropTypes.func,
+    date: PropTypes.string.isRequired,
+    end: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+    start: PropTypes.string.isRequired,
 };
 
 EventTitle.defaultProps = {
-  action: null,
+    action: null,
 };

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

@@ -1,14 +1,14 @@
 import { StyleSheet } from 'react-native';
 
-export const styles = StyleSheet.create({
-  eventInfo: {
-    flexDirection: 'row',
-  },
-  eventName: {
-    flex: 1,
-    fontWeight: 'bold',
-  },
-  eventDate: {
-    flex: 1,
-  },
-});
+export default (styles = StyleSheet.create({
+    eventInfo: {
+        flexDirection: 'row',
+    },
+    eventName: {
+        flex: 1,
+        fontWeight: 'bold',
+    },
+    eventDate: {
+        flex: 1,
+    },
+}));

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

@@ -6,13 +6,16 @@ import { hasMultipleEvents } from '../../../selectors/events.js';
 import HeaderTitle from './HeaderTitle.js';
 
 const matchStateToProps = (state, ownProps) => {
-  const { routeName } = ownProps.navigation.state;
+    const { routeName } = ownProps.navigation.state;
 
-  return {
-    activeRoute: routeName,
-    hasActiveEvent: hasActiveEvent(state),
-    hasMultipleEvents: hasMultipleEvents(state),
-  };
+    return {
+        activeRoute: routeName,
+        hasActiveEvent: hasActiveEvent(state),
+        hasMultipleEvents: hasMultipleEvents(state),
+    };
 };
 
-export default connect(matchStateToProps, null)(HeaderTitle);
+export default connect(
+    matchStateToProps,
+    null,
+)(HeaderTitle);

app/components/AppHeader/HeaderTitle/HeaderTitle.js

@@ -1,60 +1,54 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
-import {
-    Text,
-    TouchableOpacity,
-    View,
-} from 'react-native';
+import { Text, TouchableOpacity, View } from 'react-native';
 
 import EventTitle from './EventTitle/EventTitle.container.js';
 
 import styles from './HeaderTitle.styles.js';
 
 export default function HeaderTitle({
-  activeRoute,
-  hasActiveEvent,
-  hasMultipleEvents,
-  navigation,
+    activeRoute,
+    hasActiveEvent,
+    hasMultipleEvents,
+    navigation,
 }) {
+    const _goBack = () => {
+        if (hasActiveEvent) {
+            navigation.goBack();
+            return false;
+        }
 
-  const _goBack = () => {
-    if (hasActiveEvent) {
-      navigation.goBack();
-      return false;
+        console.log('nowhere to go...');
+    };
+
+    const _showEvents = () => {
+        navigation.navigate('Events');
+        return false;
+    };
+
+    if (activeRoute === 'Events') {
+        return (
+            <TouchableOpacity onPress={_goBack}>
+                <Text style={styles.screenHeader}>Profile</Text>
+            </TouchableOpacity>
+        );
     }
 
-    console.log('nowhere to go...');
-  };
+    if (activeRoute === 'Profile') {
+        return <Text style={styles.screenHeader}>Profile</Text>;
+    }
 
-  const _showEvents = () => {
-    navigation.navigate('Events');
-    return false;
-  };
-
-
-  if (activeRoute === 'Events') {
-    return (
-      <TouchableOpacity onPress={_goBack}>
-        <Text style={styles.screenHeader}>Profile</Text>
-      </TouchableOpacity>
-    );
-  }
-
-  if (activeRoute === 'Profile') {
-    return <Text style={styles.screenHeader}>Profile</Text>;
-  }
-
-  return <EventTitle action={hasMultipleEvents ? _showEvents : null} />
+    return <EventTitle action={hasMultipleEvents ? _showEvents : null} />;
 }
 
 HeaderTitle.propTypes = {
-  activeRoute: PropTypes.string.isRequired,
-  hasActiveEvent: PropTypes.bool,
-  hasMultipleEvents: PropTypes.bool.isRequired,
-  navigation: PropTypes.func.isRequired,
+    activeRoute: PropTypes.string.isRequired,
+    hasActiveEvent: PropTypes.bool,
+    hasMultipleEvents: PropTypes.bool.isRequired,
+    navigation: PropTypes.func.isRequired,
 };
 
 HeaderTitle.defaultProps = {
-  hasActiveEvent: false,
+    hasActiveEvent: false,
 };

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

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