text: import React, { Fragment } from 'react';
  import { Link } from 'react-router-dom';
  import { connect } from 'react-redux';
  import PropTypes from 'prop-types';
  //import { logout } from '../../actions/auth';
  
  const Navbar = (props) => {
    const authLinks = (
      <ul>
        <li>
          <Link to='/profiles'>Developers</Link>
        </li>
        <li>
          <Link to='/posts'>Posts</Link>
        </li>
        <li>
          <Link to='/dashboard'>
            <i className='fas fa-user' />{' '}
            <span className='hide-sm'>Dashboard</span>
          </Link>
        </li>
        <li>
          {/* <a onClick={logout} href='#!'>
            <i className='fas fa-sign-out-alt' />{' '}
            <span className='hide-sm'>Logout</span>
          </a> */}
        </li>
      </ul>
    );
  
    const guestLinks = (
      <ul>
        <li>
          <Link to='/profiles'>Developers</Link>
        </li>
        <li>
          <Link to='/register'>Register</Link>
        </li>
        <li>
          <Link to='/login'>Login</Link>
        </li>
      </ul>
    );
   console.log('From Navbar', props.auth)
  
    return (
      <nav className='navbar bg-dark'>
        <h1>
          <Link to='/'>
            <i className='fas fa-code' /> DevConnector
          </Link>
        </h1>
        {props.auth ? '' : ''
        )}
      </nav>
    );
  };
  
  
  const mapStateToProps = state => ({
    auth: state.auth.isAuthenticated
  });
  
  export default connect(
    mapStateToProps,
    {  }
  )(Navbar);
  