xDD

import React, { Component } from 'react';
//import './Navbar.css';
import '../css/navbar.css';
import {
  Link
} from 'react-router-dom';

class Navbar extends Component {
  constructor(props){
    super(props);
    this.state=({"loggedUser":{}});
  }

  componentDidMount(){
    try {
      this.setState({
        loggedUser:JSON.parse(localStorage.getItem('loggedUser'))
      });
    }
    catch(err) {
        console.log("error");
    }
  }
  logOut(){
    localStorage.setItem('isLoggedIn',false);
    localStorage.removeItem('loggedUser');
  }
    render() {
      if(localStorage.getItem('isLoggedIn') == "true"){
        if(this.state.loggedUser.id == 0){
          return (
            <nav class="navbar navbar-expand-lg navbar-custom">
            <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
            <div className="logo">Tu na razie jest ściernisko ale będzie twoje-boisko</div>
            </div>
            <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
             <ul class="navbar-nav ml-auto">
               <li class="nav-item"></li>
                <li class="nav-item"><Link className="a nav-link" to="/">Strona Główna</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/listaBoisk">Lista Boisk</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/MyProfilePage">Mój Profil</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/" onClick={this.logOut}>Wyloguj</Link> </li>
                <li class="nav-item"><Link className="a nav-link" to="/panelAdmina">Panel admina</Link> </li>
             </ul>
            </div>
            </nav>
          );
        }
        else{
          return (

          <nav class="navbar navbar-expand-lg navbar-custom">
            <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
            <div className="logo">Tu na razie jest ściernisko ale będzie twoje-boisko</div>
            </div>
            <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
             <ul class="navbar-nav ml-auto">
               <li class="nav-item"></li>
                <li class="nav-item"><Link className="a nav-link" to="/">Strona Główna</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/listaBoisk">Lista Boisk</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/MyProfilePage">Mój Profil</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/" onClick={this.logOut}>Wyloguj</Link> </li>
             </ul>
             </div>
            </nav>

          );
        }

      }
      else{
        return (

          <nav class="navbar navbar-expand-lg navbar-custom">
            <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
            <div className="logo">Tu na razie jest ściernisko ale będzie twoje-boisko</div>
            </div>
            <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
             <ul class="navbar-nav ml-auto">
               <li class="nav-item"></li>
                <li class="nav-item"><Link className="a nav-link" to="/">Strona Główna</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/listaBoisk">Lista Boisk</Link></li>
                <li class="nav-item"><Link className="a nav-link" to="/LoginPage">Logowanie</Link></li>
             </ul>
            </div>
            </nav>
        );
      }

    }
  }

  export default Navbar;