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