content: import React from 'react';
  import { Jumbotron, Button, Card, CardImg, CardText, CardBlock,
    CardTitle, CardSubtitle } from 'reactstrap';
  import {connect} from 'react-redux';
  
  const UserProfile = (props) => {
    return (
      <div className="col-lg-10">
        <Jumbotron>
          <h3 className="display-3">Welcome, {props.user && props.user.name}</h3>
            <Card>
             <CardImg top width="25%" src="https://placeholdit.imgix.net/~text?txtsize=33&txt=318%C3%97180&w=318&h=180" alt="Card image cap" />
             <CardBlock>
               <CardTitle>User email</CardTitle>
               <CardSubtitle>User stuff</CardSubtitle>
               <CardText>More user info goes here</CardText>
             </CardBlock>
           </Card>
        </Jumbotron>
      </div>
    );
  };
  
  const mapStateToProps = (state) => {
  
    return {
      user: state.auth
    };
  
  };
  
  export default connect(mapStateToProps, null)(UserProfile);
  