Files
drip/components/header/logo.js
T
2020-08-22 13:05:17 +02:00

41 lines
870 B
JavaScript

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)