equal
deleted
inserted
replaced
1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import ReactDOM from 'react-dom'; |
2 import ReactDOM from 'react-dom'; |
|
3 import { Trans } from 'react-i18next'; |
3 |
4 |
4 export default class LoginNav extends Component { |
5 export default class LoginNav extends Component { |
5 |
6 |
6 state = { |
7 state = { |
7 showDropdown: false |
8 showDropdown: false |
52 <a 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 <a 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.username } |
54 { currentUser.username } |
54 <span className="caret"></span> |
55 <span className="caret"></span> |
55 </a> |
56 </a> |
56 <div className={`dropdown-menu dropdown-menu-right bg-primary border-0 ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown"> |
57 <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 font-weight-bold" onClick={this.onClickSettings}>Paramètres</a> |
58 <a className="dropdown-item bg-primary text-secondary font-weight-bold text-capitalize" onClick={this.onClickSettings}><Trans i18nKey='common.parameters'>Paramètres</Trans></a> |
58 <a className="dropdown-item bg-primary text-secondary font-weight-bold" onClick={onLogout}>Se déconnecter</a> |
59 <a className="dropdown-item bg-primary text-secondary font-weight-bold text-capitalize" onClick={onLogout}><Trans i18nKey='common.disconnect'>Se déconnecter</Trans></a> |
59 </div> |
60 </div> |
60 </li> |
61 </li> |
61 ); |
62 ); |
62 } else { |
63 } else { |
63 return ( |
64 return ( |
64 <li className="nav-item"> |
65 <li className="nav-item"> |
65 <a className="nav-link" onClick={this.onClickLogin} href="/login">Se connecter</a> |
66 <a className="nav-link text-capitalize" onClick={this.onClickLogin} href="/login"><Trans i18nKey='common.connect'>Se connecter</Trans></a> |
66 </li> |
67 </li> |
67 ); |
68 ); |
68 } |
69 } |
69 } |
70 } |
70 } |
71 } |