Prettify rest of the components files except stats

components/header/logo.js

@@ -10,7 +10,7 @@ import { navigate } from '../../slices/navigation'
 import { Colors, Fonts, Sizes } from '../../styles'
 
 const Logo = ({ navigate }) => {
-  return(
+  return (
     <TouchableOpacity onPress={() => navigate('Home')}>
       <AppText style={styles.logo}>drip.</AppText>
     </TouchableOpacity>
@@ -18,24 +18,21 @@ const Logo = ({ navigate }) => {
 }
 
 Logo.propTypes = {
-  navigate: PropTypes.func.isRequired
+  navigate: PropTypes.func.isRequired,
 }
 
 const styles = StyleSheet.create({
   logo: {
     color: Colors.turquoiseDark,
     fontFamily: Fonts.bold,
-    fontSize: Sizes.title
-  }
+    fontSize: Sizes.title,
+  },
 })
 
 const mapDispatchToProps = (dispatch) => {
-  return({
+  return {
     navigate: (page) => dispatch(navigate(page)),
-  })
+  }
 }
 
-export default connect(
-  null,
-  mapDispatchToProps,
-)(Logo)
+export default connect(null, mapDispatchToProps)(Logo)

components/header/menu-item.js

@@ -16,7 +16,7 @@ const MenuItem = ({ item, navigate, closeMenu }) => {
     navigate(component)
   }
 
-  return(
+  return (
     <TouchableOpacity onPress={onPress}>
       <AppText style={styles.text}>{name}</AppText>
     </TouchableOpacity>
@@ -26,22 +26,19 @@ const MenuItem = ({ item, navigate, closeMenu }) => {
 MenuItem.propTypes = {
   item: PropTypes.object.isRequired,
   navigate: PropTypes.func.isRequired,
-  closeMenu: PropTypes.func.isRequired
+  closeMenu: PropTypes.func.isRequired,
 }
 
 const styles = StyleSheet.create({
   text: {
-    ...Typography.subtitle
-  }
+    ...Typography.subtitle,
+  },
 })
 
 const mapDispatchToProps = (dispatch) => {
-  return({
+  return {
     navigate: (page) => dispatch(navigate(page)),
-  })
+  }
 }
 
-export default connect(
-  null,
-  mapDispatchToProps,
-)(MenuItem)
+export default connect(null, mapDispatchToProps)(MenuItem)