import React from react import NavItem NavLink from reactstrap import

import React from 'react';
import { NavItem, NavLink } from 'reactstrap';
import { Link } from 'react-router-dom';
import AuthHelper from '../helpers/AuthHelper';

const Auth = new AuthHelper();

class UserLinks extends React.Component {

    constructor (props) {
        super(props);

        this.state = {
            authorized: false
        };

        if(Auth.authorized()) {
            this.state.authorized = true;
        } else {
            this.state.authorized = false;
        }
    }
    
    componentDidMount() {

    }
  
    componentWillUnmount() {
  
    }

    logout = (e) => {
        e.preventDefault();
        Auth.logout();
        //UserLinks.props.history.push('/');
    }

    render = () => {
        if (this.state.authorized) {
            return (
                <NavItem>
                    <NavLink onClick={this.logout} tag={Link} className="text-dark" to="/logout">Logout</NavLink>
                </NavItem>
            );
        } else {
            return (
                <React.Fragment>
                    <NavItem>
                        <NavLink tag={Link} className="text-dark" to="/login">Login</NavLink>
                    </NavItem>
                    ||
                    <NavItem>
                        <NavLink tag={Link} className="text-dark" to="/signup">Sign Up</NavLink>
                    </NavItem>
                </React.Fragment>
            );
        }
    }
}

export default UserLinks;