content: import React, { Component } from 'react';
  import { Collapse } from 'react-bootstrap';
  import { connect } from 'react-redux';
  import { Link} from 'react-router-dom';
  import cx from 'classnames';
  
  class UserInfo extends Component {
  
    state = {
      isShowingUserMenu: false
    };
  
    render() {
      let { user } = this.props;
      let { isShowingUserMenu } = this.state;
      return (
        <div className="user-wrapper">
          <div className="user">
            <div className="userinfo">
              <div className="username">
                {user.name}
              </div>
              <div className="title">Admin</div>
            </div>
            <span
              onClick={() => this.setState({ isShowingUserMenu: !this.state.isShowingUserMenu })}
              className={cx("pe-7s-angle-down collapse-arrow", {
                active: isShowingUserMenu
              })}></span>
          </div>
          <Collapse in={isShowingUserMenu}>
            <ul className="nav user-nav">
              
               
            
              <li><a href="#">My Profile</a></li>
              <li><Link to="/editprofile" >Edit Profile</Link></li>
              <li><a href="#">Settings</a></li>
            </ul>
          </Collapse>
        </div>
      );
    }
  }
  
  const mapStateToProps = state => ({
    user: state.Auth.user
  });
  
  export default connect(mapStateToProps)(UserInfo);