client/src/components/NavbarLogin.js
changeset 154 a28361bda28c
parent 151 57d63a248f0d
child 168 ea92f4fe783d
equal deleted inserted replaced
153:de8d18c8251d 154:a28361bda28c
    47 
    47 
    48     if (isAuthenticated) {
    48     if (isAuthenticated) {
    49       return (
    49       return (
    50 
    50 
    51         <li className={`nav-item dropdown ${this.state.showDropdown?'show':''}`}>
    51         <li className={`nav-item dropdown ${this.state.showDropdown?'show':''}`}>
    52           <a name className="nav-link dropdown-toggle username" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded={this.state.showDropdown} onClick={this.toggleShowDropdown} onBlur={this.hideDropDown}>
    52           <a name className="nav-link dropdown-toggle username font-weight-bold" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded={this.state.showDropdown} onClick={this.toggleShowDropdown} onBlur={this.hideDropDown}>
    53           { currentUser.get('username') }
    53           { currentUser.get('username') }
    54           &nbsp;<span className="caret"></span>
    54           &nbsp;<span className="caret"></span>
    55           </a>
    55           </a>
    56           <div className={`dropdown-menu dropdown-menu-right bg-primary border-0 ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown">
    56           <div className={`dropdown-menu dropdown-menu-right bg-primary border-0 ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown">
    57             <a className="dropdown-item bg-primary text-secondary" onClick={this.onClickSettings}>Paramètres</a>
    57             <a className="dropdown-item bg-primary text-secondary font-weight-bold" onClick={this.onClickSettings}>Paramètres</a>
    58             <a className="dropdown-item bg-primary text-secondary" onClick={onLogout}>Se déconnecter</a>
    58             <a className="dropdown-item bg-primary text-secondary font-weight-bold" onClick={onLogout}>Se déconnecter</a>
    59           </div>
    59           </div>
    60         </li>
    60         </li>
    61       );
    61       );
    62     } else {
    62     } else {
    63       return (
    63       return (