diff -r a2e61192db50 -r fcce52a159bc client/src/components/NavbarLogin.js
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/client/src/components/NavbarLogin.js Tue Aug 28 16:57:31 2018 +0200
@@ -0,0 +1,68 @@
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+
+export default class LoginNav extends Component {
+
+ state = {
+ showDropdown: false
+ }
+
+ componentWillMount() {
+ document.addEventListener('click', this.handleClickOutside, false);
+ }
+
+ componentWillUnmount() {
+ document.removeEventListener('click', this.handleClickOutside, false);
+ }
+
+ handleClickOutside = (e) => {
+ if(!ReactDOM.findDOMNode(this).contains(e.target)) {
+ this.hideDropDown();
+ }
+ }
+
+ onClickSettings = (e) => {
+ e.preventDefault();
+ this.props.history.push('/settings');
+ }
+
+ onClickLogin = (e) => {
+ e.preventDefault();
+ this.props.history.push('/login');
+ }
+
+ toggleShowDropdown = () => {
+ this.setState({showDropdown: !this.state.showDropdown});
+ }
+
+ hideDropDown = () => {
+ this.setState({showDropdown: false});
+ }
+
+ render() {
+
+ const {isAuthenticated, currentUser, onLogout} = this.props;
+
+ if (isAuthenticated) {
+ return (
+
+
+
+ { currentUser.get('username') }
+
+
+
+
+ );
+ } else {
+ return (
+
+ Se connecter
+
+ );
+ }
+ }
+}