content: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { connect } from 'react-redux';
  import { Text, Button, View } from 'native-base';
  import Paper from '~/components/Paper/';
  
  class WelcomeScreen extends Component {
    render() {
      return (
        <View>
          <Paper>
            <Text>Hi {this.props.firstname}!</Text>
            <Text>
              Welcome on the app. You can now contact book sellers and chat with them or sell your own book.
            </Text>
          </Paper>
          <Text />
  
          <Button full onPress={() => this.props.closeAuthScreen()}>
            <Text>Continue</Text>
          </Button>
  
          <Button transparent full onPress={() => this.props.navigation.navigate('Presentation')}>
            <Text>Watch the presentation</Text>
          </Button>
        </View>
      );
    }
  }
  
  WelcomeScreen.propTypes = {
    closeAuthScreen: PropTypes.func.isRequired,
    navigation: PropTypes.any.isRequired,
    firstname: PropTypes.string.isRequired,
  }
  
  const mapStateToProps = ({ services: { account: { firstname } }}) => ({ firstname });
  
  WelcomeScreen.navigationOptions = {
    title: 'Welcome',
  };
  
  export default connect(mapStateToProps)(WelcomeScreen);
  