Moves Logo component to separate file

components/header/logo.js

@@ -0,0 +1,41 @@
+import React from 'react'
+import { StyleSheet, TouchableOpacity } from 'react-native'
+import PropTypes from 'prop-types'
+
+import AppText from '../common/app-text'
+
+import { connect } from 'react-redux'
+import { navigate } from '../../slices/navigation'
+
+import { Colors, Fonts, Sizes } from '../../styles/redesign'
+
+const Logo = ({ navigate }) => {
+  return(
+    <TouchableOpacity onPress={() => navigate('Home')}>
+      <AppText style={styles.logo}>drip.</AppText>
+    </TouchableOpacity>
+  )
+}
+
+Logo.propTypes = {
+  navigate: PropTypes.func.isRequired
+}
+
+const styles = StyleSheet.create({
+  logo: {
+    color: Colors.tourquiseDark,
+    fontFamily: Fonts.bold,
+    fontSize: Sizes.title
+  }
+})
+
+const mapDispatchToProps = (dispatch) => {
+  return({
+    navigate: (page) => dispatch(navigate(page)),
+  })
+}
+
+export default connect(
+  null,
+  mapDispatchToProps,
+)(Logo)